页面树结构

版本比较

标识

  • 该行被添加。
  • 该行被删除。
  • 格式已经改变。

...

1
2
3

{
    "color": ["#FFAF00", "#004151", "#00B7BF"], //多个柱子就设置多个颜色
}   

     最终预览效果如下:

image2023-3-7_10-21-57.png


问题3:

图形中有两个指标Y轴,想自定义修改柱子的颜色,怎么实现

image2021-3-19_14-13-39.pngImage Modified

解决方案

可以使用扩展属性实现,如下:

{
    "series": [{
        "itemStyle": {
            "normal": {
                "color": 'blue'
            }
        }
    }, {
        "itemStyle": {
            "normal": {
                "color": 'red'
            }
        }
    }]
}


效果图如下:

image2021-3-19_14-15-14.pngImage Modified


问题4:

        如何修改瀑布图的颜色?

解决方案

         可扩展属性,自定义瀑布图柱子的颜色:

{
    "series": [{}, {
        "data": [{
            "itemStyle": { //第一列柱子
                "normal": {
                    "color": "#FFAF00"   //自定义柱子颜色
                }
            }
        }, {
            "itemStyle": { //第二列柱子
                "normal": {
                    "color": "#004151"
                }
            }
        }]
    }]
}

  图1.pngImage Added

效果:

图2.pngImage Added

Viewtracker