Echart3如何实现自定义仪表盘,中文label不显示
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);