Echart3如何实现自定义仪表盘,中文label不显示

Lvshuiqingshan001 2016-09-24 11:25:16
echart3 如何实现如这样的自定义仪表盘?http://echarts.baidu.com/echarts2/doc/example/gauge.html

到如下地址,输入以下代码:中文label不显示。
http://echarts.baidu.com/demo.html#gauge

option = {
tooltip : {
formatter: "{a} <br/>{b} : {c}%"
},
toolbox: {
feature: {
restore: {},
saveAsImage: {}
}
},
series: [
{
name: '业务指标',
type: 'gauge',
detail: {formatter:'{value}'},
min:0,
max:950,
axisLabel: { // 坐标轴文本标签,详见axis.axisLabel
show: true,
formatter: function(v){
switch (v+''){
case '100': return '弱';
case '300': return '低';
case '600': return '中';
case '900': return '高';
default: return '';
}
},
textStyle: { // 其余属性默认使用全局文本样式,详见TEXTSTYLE
color: '#333'
}
},
data: [{value: 50, name: '数值'}]
}
]
};

app.timeTicket = setInterval(function () {
option.series[0].data[0].value = (Math.random() * 950).toFixed(2) - 0;
myChart.setOption(option, true);
},2000);
...全文
483 回复 打赏 收藏 转发到动态 举报
写回复
用AI写文章
回复
切换为时间正序
请发表友善的回复…
发表回复

87,904

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧