echarts問題之列表橫向(x軸)滑動條

首先,老樣子解決問題分兩種一種是治標,一種是  治本 。

樣式:

解決方式:

只需要在option裏面添上下面這段啊dataZoom就可以實現了,

         dataZoom: [{
                              type: 'slider',
                              show: true, //flase直接隱藏圖形
                              xAxisIndex: [0],
                              left: '9%', //滾動條靠左側的百分比
                              bottom: -5,
                              start: 0,//滾動條的起始位置
                              end: 50 //滾動條的截止位置(按比例分割你的柱狀圖x軸長度)
                          }] 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章