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

(此文档仅供参考)

问题:柱子宽度限制

自助仪表盘需要设置柱图的柱子宽度,但是在组件样式设置处没有设置的设置项

 


解决方案

可以写扩展属性去设置柱子的宽度

 

 

用到的扩展属性如下

{ "series": [
    {
       "barWidth": 5
    }
]}


问题

希望宽度既能自适应也不会超过想要的最大宽度。如果用设置项进行设置是直接写死,就没有自适应的效果。

解决方案

具体请参考如下扩展属性:

1
2
3
4
5
6
7
8
9
10

{
    "series": [
        //有多少个图例就有多少组
        {
            "barMaxWidth": 20
        }, {
            "barMaxWidth": 20
        }
    ]
}

2022-09-13_175245.png

关于此扩展属性具体可见Echarts文档:https://echarts.apache.org/zh/option.html#series-bar.barMaxWidth

2022-09-13_172830.png