百度echarts使用--y轴label数字太长难以全部显示

Posted 2020-09-05 低级知识传播者

问题：

今天遇到个小问题，我们系统前端呈现使用了百度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 + \'(万)\';
}

 

修改后，显示效果如下：