1. 程式人生 > 程式設計 >解決Echarts2豎直datazoom滑動後顯示資料不全的問題

解決Echarts2豎直datazoom滑動後顯示資料不全的問題

解決Echarts2豎直datazoom滑動後顯示資料不全的問題

垂直datazoom拖動後第一個和最後一個往往顯示不出來,這可能是echart2的bug。

解決方法:

把dataZoom中的handleSize設定小一些可以了。預設值8,可設為4

補充知識:echarts踩坑,dataZoom和X座標系文字重疊解決方法

解決Echarts2豎直datazoom滑動後顯示資料不全的問題

找到echarts中的 grid 配置 :

解決Echarts2豎直datazoom滑動後顯示資料不全的問題

程式碼寫入bottom屬性:

grid:{
  bottom: "70px"
}

完成效果:

解決Echarts2豎直datazoom滑動後顯示資料不全的問題

以上這篇解決Echarts2豎直datazoom滑動後顯示資料不全的問題就是小編分享給大家的全部內容了,希望能給大家一個參考,也希望大家多多支援我們。