让前端飞程序猿阵线联盟-汇总各类技术干货技术干货

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

2018-02-27  本文已影响2184人  Hi小胡

效果:

代码:

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;
            }
        }
    }
}]
上一篇 下一篇

猜你喜欢

热点阅读