页面树结构
转至元数据结尾
转至元数据起始

(本文档仅供参考)

问题

环形图如何实现进度条的效果,设置成如下样式:

解决方案

可用扩展属性实现,示例:

{
    "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

  • 无标签