1. 程式人生 > 其它 >echart條形圖超多項列顯示固定列超出部分滾動條滾動顯示

echart條形圖超多項列顯示固定列超出部分滾動條滾動顯示

主要需要設定

dataZoom start: 1, end: 50 滾動條顯示的固定位置, width:4,滾動條調整寬度 id: 'dataZoomY', 如果是條形圖需要設定此項 如果是x軸的柱狀圖設定;  id: 'dataZoomX',
dataZoom: [
        //  {
        //     id: 'dataZoomX',
        //     type: 'inside',
        //     xAxisIndex: [0],
        //     filterMode: 'filter'
        // },
        {
            id: 
'dataZoomY', type: 'inside', yAxisIndex: [0], // filterMode: 'empty', // height: 120, width:4, start: 1, end: 50 } ], xAxis: [ //Y軸的網格已值為準 { type: "value", show: false
, }, ], series: [ ...

 

設定  

type: 'inside', 滾動條會不顯示,但是滑鼠直接拖拽可實現滾動顯示下面的,需要注意的是這兩種對滑鼠滾輪都不是直接實現滾動的(網頁的是滑鼠放在區域內滾動滾輪直接滾動實現)