eCharts對數軸以及解決對數軸顯示失敗只顯示1-10區間的問題


  eCharts對數軸官方示例:https://echarts.apache.org/examples/zh/editor.html?c=line-log

  這種圖示挺方便的,對於那種既有大數據,又有小數據,並且差別很大的時候,這種就比較方便,對於很小的數據也能看到趨勢。比如有大量數據是500-1000之間,還有大量數據在 0.001 - 1之間。那么不使用對數軸的話,0.001 - 1之間的數據基本就看不到趨勢,使用對數軸的話,就可以看到趨勢。

  這種就需要設置一下 yAxis 的 type:'log' 即可:

  官方配置項手冊:https://echarts.apache.org/zh/option.html#yAxis.type

 yAxis: { type: 'log', name: 'y', minorSplitLine: { show: true } },

  但是存在的問題,就是只要有為 0 的數據,這個對數軸的圖就有問題了,只顯示1-10的區間,如下:

  解決方案:就是將0的數據,置為空即可。置為空的話,就是中途會中斷,如下:

  如果在意上下留白的問題,可以改下對數的基數即可,比如最大數據500多,最小數據88的話,因為對數默認基數為10,所以y軸會是1,10,100,1000,導致上下會大量留白,對上的話可以給個最大值設置max,對下的話就設置下對數基數,讓數據大致符合是基數的對數即可。


免責聲明!

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



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