echarts问题之列表横向(x轴)滑动条

时间:2024-04-05 16:14:24

首先,老样子解决问题分两种一种是治标,一种是  治本 。

样式:

echarts问题之列表横向(x轴)滑动条

解决方式:

只需要在option里面添上下面这段啊dataZoom就可以实现了,

         dataZoom: [{
                              type: 'slider',
                              show: true, //flase直接隐藏图形
                              xAxisIndex: [0],
                              left: '9%', //滚动条靠左侧的百分比
                              bottom: -5,
                              start: 0,//滚动条的起始位置
                              end: 50 //滚动条的截止位置(按比例分割你的柱状图x轴长度)
                          }]