(本文档仅供参考)
问题
环形图如何实现进度条的效果,设置成如下样式:
解决方案
可用扩展属性实现,示例:
{ "color": ["#00ffff", "#001951"], //高亮颜色、灰色颜色 "title": { "text": "下方标题", //下方标题名称 "x": "center", "y": "bottom", "textStyle": { "fontSize": 10, //标题字号 "color": "#00ffff" //标题颜色 } }, "series": [{ "avoidLabelOverlap": false, "label": { "normal": { "show": true, "position": "center", "textStyle": { "fontSize": 10, //中间字体大小 "color": "#00ffff" //中间字体颜色 }, //判断是否为对应的数据 "formatter": "function(a){if(a.data.name==='SUV中型'){return a.data.displayValue} else {return ''}}" } } }] }
参考资源附件:环形图-进度条.zip