离子nvd3如何在Y轴上有数千个逗号分隔符

时间:2017-05-19 07:36:20

标签: angular ionic-framework graph nvd3.js

请看一下我的图表生成 http://imgur.com/a/Kds5f

在Y轴上,我想要数千个逗号分隔符。

例如:

100000应为100,000,而80000应为80,000

Here is my code snippet,请参阅$scope.options


更新:

我用tickFormat

尝试了这个
                  yAxis: {
                    axisLabel: 'ktoe',
                    axisLabelDistanc: 40,
                    tickFormat: d3.format(',')
                  },

但它以逗号显示但是对于100,000,1就像这样消失了

http://imgur.com/a/Vu2y9

1 个答案:

答案 0 :(得分:2)

格式化刻度

chart.yAxis.tickFormat(function (d) {
    var format = d3.format(",");
    return '£ ' + format(d); // If you want add '£' symbol
});

向左调整图表margin : {left: 40},以便能够在图表上看到yAxis

希望有所帮助