百度echarts使用--y軸label數字太長難以全部顯示


問題:

今天遇到個小問題,我們系統前端呈現使用了百度echarts。在繪制折線圖的時候,因為數字過大,導致顯示出現了問題。

 

解決方案:

左邊y軸的值默認是根據我們填充進去的值來默認分割的,因為原始值就很大,所以導致顯示不下,那么只要我們將顯示的值按比例縮小,應該就可以了。

原始值很大:

 

 

var map = data.map;
for (var key in map){
    var stockCode = key;
    option.legend.data.push(stockCode);
    var indexData = map[key].value2;
    for (var i = 0; i < indexData.length; i++){
        if (indexId == '143'){
            indexData[i] = indexData[i]/10000;//將原值縮小一萬倍
        }
    }
}

修改單位:

var indexName = data.indexInfo.name;
if (indexId == '143') {
    indexName = indexName + '(萬)';
}

 

修改后,顯示效果如下:

 


免責聲明!

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



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