echart條形圖超多項列顯示固定列超出部分滾動條滾動顯示
阿新 • • 發佈:2022-04-14
主要需要設定
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', 滾動條會不顯示,但是滑鼠直接拖拽可實現滾動顯示下面的,需要注意的是這兩種對滑鼠滾輪都不是直接實現滾動的(網頁的是滑鼠放在區域內滾動滾輪直接滾動實現)