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

(本文档仅供参考)

(该扩展属性代码已验证适用于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官网:

最终效果:


  • 无标签