項目中用到柱狀圖,數據量少的時候,Y軸會出現小數
option = { xAxis: { type: 'category', data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun'] }, yAxis: { type: 'value', }, series: [{ data: [0, 1, 0, 2, 0, 0, 0], type: 'bar' }] };
查閱官方文檔,找到Y軸以下兩個配置
1、yAxis.min :坐標軸刻度最小值。
2、yAxis.minInterval: 自動計算的坐標軸最小間隔大小。
option = { xAxis: { type: 'category', data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun'] }, yAxis: { type: 'value', min:1, minInterval:1, }, series: [{ data: [0, 1, 0, 2, 0, 0, 0], type: 'bar' }] };
yAxis. min是指Y軸最小刻度。不設置的時候會自動計算最小值,一般都是0。yAxis.minInterval是Y軸最小間隔,如我的需求中,設置為1就確保都是整數了。