echarts自定義折線圖橫坐標時間間隔踩坑總結


折線圖需求:橫坐標為時間,要求按一定間隔展示,鼠標移至折線上間隔時間內的數據也可展示

其實很簡單的一個配置就可搞定,但在不熟悉echarts配置的情況下,就很懵逼

xAxis: {
boundaryGap: false, // 距離坐標原點是否有間隙
   axisLabel: { //  如果這個字段不設置,echarts會根據屏寬及橫坐標數據自動給出間隔
   interval: 30, // 間隔長度,可自定義(如果是時間格式,echarts會自動處理)
   rotate: 40 // 橫坐標上label的傾斜度
  },
},

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM