美文网首页让前端飞程序猿阵线联盟-汇总各类技术干货技术干货
Echarts设置柱状图数字在柱的顶部显示及格式化为金钱格式

Echarts设置柱状图数字在柱的顶部显示及格式化为金钱格式

作者: Hi小胡 | 来源:发表于2018-02-27 11:17 被阅读2184次

效果:

代码:

series: [{
    data: [100,200,30000,400,500,200],
    label: {
        normal: {
            show: true,
            position: 'top',
            formatter: function(a) {
                var result = [],
                    counter = 0,
                    num = a.data;
                num = (num || 0).toString().split('');
                for (var i = num.length - 1; i >= 0; i--) {
                    counter++;
                    result.unshift(num[i]);
                    if (!(counter % 3) && i != 0) {
                        result.unshift(',');
                    }
                }
                result.unshift("¥");
                result = result.join('');
                return result;
            }
        }
    }
}]

相关文章

网友评论

    本文标题:Echarts设置柱状图数字在柱的顶部显示及格式化为金钱格式

    本文链接:https://www.haomeiwen.com/subject/ohppxftx.html