1. 程式人生 > >echarts統計圖Y軸(或X軸)文字過長問題解決

echarts統計圖Y軸(或X軸)文字過長問題解決

num col start -a align bsp form padding tar

echarts 統計圖Y軸文字過長

在使用echarts時,出現數值非常大,Y軸又顯示不下的情況就需要壓縮Y軸數值刻度。

技術分享圖片

解決方法:

      yAxis: {
        type: ‘value‘,
        axisLabel:{
            formatter:(value) => {
                if(value >= 10000){
                    value = (value / 10000) + ‘W‘;
                }
                
if(value >= 1000){ value = (value / 1000) + ‘K‘; } return value; } }

技術分享圖片

formatter屬性可供用戶自定義一些屬性,很方便使用。

echarts統計圖Y軸(或X軸)文字過長問題解決