码迷,mamicode.com
首页 > 其他好文 > 详细

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

时间:2017-03-21 15:55:37      阅读:2107      评论:0      收藏:0      [点我收藏+]

标签:round   length   inf   缩小   bsp   分割   nbsp   ack   com   

问题:

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

 

修改后,显示效果如下:

技术分享

 

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

标签:round   length   inf   缩小   bsp   分割   nbsp   ack   com   

原文地址:http://www.cnblogs.com/grey-wolf/p/6594362.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!