(本文档仅供参考)
(该扩展属性代码已验证适用于echarts 5.1.2版本。由于代码在特定场景下可能存在限制,如果与实际应用场景不完全匹配,请根据具体需求自行调整相关代码,以确保其满足实际使用要求。)
问题
v11中的对比柱图组件,如何添加缩略轴来实现数据滚动展示,不然内容有点多显示不全,同时调整柱子粗细便于浏览。
解决方案
对比柱图是通过3个Y轴实现的,可在对比柱图上加上以下扩展属性即可。
option = { "series": [{ "barWidth": 10 }, { "barWidth": 10 }], "dataZoom": [{ "type": "slider", "showDetail": false, /*滚动条鼠标提示不显示*/ "show": true, "yAxisIndex": [0, 1], //数据窗口范围的起始数值和结束数值 "startValue": 0, "endValue": 6, "handleSize": 7, //自定义宽高 "hight": '600px', "width": '10px' }] }
参考echartts官网:
最终效果: