ECharts图表——formatter

最新推荐文章于 2024-08-06 08:43:05 发布

龙之家

最新推荐文章于 2024-08-06 08:43:05 发布

阅读量1.1w

点赞数

分类专栏： Java技术网页技术文章标签： ECharts Formatter 添加单位

本文链接：https://blog.csdn.net/ltaihyy/article/details/53174351

版权

Java技术同时被 2 个专栏收录

59 篇文章 0 订阅

订阅专栏

网页技术

22 篇文章 0 订阅

订阅专栏

今天使用ECharts处理图表显示问题，提示信息需要进行格式化显示，即添加单位

formatter:function(params){  //数据单位格式化
           var relVal = params[0].name;  //x轴名称
           for (var i = 0, l = params.length; i < l; i++) {  
        	   relVal += '<br/>' + params[i].seriesName + ' : ' + params[i].value+"%";  
           }
             
           return relVal;  
        }

formatter: "{b}<br/>{a} : {c}分"  //数据格式化，{b}x轴名称，{a}series的name，{c}value

对X轴进行格式化显示：

xAxis : {  
        axisLabel : {  
            show : true,  
            formatter:function(val) {  
                 return 对x轴标签处理后的结果（通过js字符串方法处理）  
            }  
        }
    }

具体请参考：

http://www.stepday.com/topic/?834

让我们一起遨游在代码的海洋里！