1. 程式人生 > 其它 >echarts柱狀圖實現縱向滾動,不縮放

echarts柱狀圖實現縱向滾動,不縮放

dataZoom:[
{
type: 'slider',
maxValueSpan:5,//顯示資料的條數(預設顯示10個)
show: true,
yAxisIndex: [0],
left: '93%', //滑動條位置
start:100,//預設為0
end: 70,//預設為100
orient:"vertical",
filterMode: 'empty',
zoomLock:true,
},
{
type: 'inside', //內建滑動,隨滑鼠滾輪展示
yAxisIndex: [0],
start: 1,//初始化時,滑動條寬度開始標度
end: 100, //初始化時,滑動條寬度結束標度
zoomOnMouseWheel:false, //如何觸發縮放。可選值為:true:表示不按任何功能鍵,滑鼠滾輪能觸發縮放。false:表示滑鼠滾輪不能觸發縮放。'shift':表示按住 shift 和滑鼠滾輪能觸發縮放。'ctrl':表示按住 ctrl 和滑鼠滾輪能觸發縮放。'alt':表示按住 alt 和滑鼠滾輪能觸發縮放。。
moveOnMouseMove:true,
moveOnMouseWheel:true,//滑鼠滾輪實現移動
}
]