ECHART柱狀圖Y軸最小間隔問題,Y軸不顯示小數


項目中用到柱狀圖,數據量少的時候,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就確保都是整數了。

 


免責聲明!

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



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