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,對下的話就設置下對數基數,讓數據大致符合是基數的對數即可。