美文网首页让前端飞程序猿阵线联盟-汇总各类技术干货技术干货
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