echarts 让数据千分位显示

最新推荐文章于 2025-07-30 15:45:30 发布

魑魅魍魉9527

最新推荐文章于 2025-07-30 15:45:30 发布

阅读量1.9w

点赞数 4

CC 4.0 BY-SA版权

分类专栏： Android、图表文章标签：图表 echarts

本文链接：https://blog.youkuaiyun.com/qq_28934205/article/details/80609885

Android、图表专栏收录该内容

8 篇文章

订阅专栏

本文介绍了一种在图表中实现数值千分位格式化的JavaScript方法。通过自定义的formatter函数，可以将数值以带有逗号分隔符的格式显示，并附加单位（如万元）。此方法适用于需要清晰展示大量数值数据的场景。

原来的效果
这里写图片描述

千分位展示效果
这里写图片描述

代码

    formatter: function(p) {
        return p.name+":"+formatNum(p.value)+"万元";
                            }

function formatNum(strNum) {
                if(strNum.length <= 3) {
                    return strNum;
                }
                if(!/^(\+|-)?(\d+)(\.\d+)?$/.test(strNum)) {
                    return strNum;
                }
                var a = RegExp.$1,
                    b = RegExp.$2,
                    c = RegExp.$3;
                var re = new RegExp();
                re.compile("(\\d)(\\d{3})(,|$)");
                while(re.test(b)) {
                    b = b.replace(re, "$1,$2$3");
                }
                return a + "" + b + "" + c;
            }