ng2-charts数据标签上的千位分隔符

时间:2017-12-21 12:39:42

标签: angular charts label

在这个例子中     http://embed.plnkr.co/7fGsiuRjcF0M0Ffeoml2/

If I Change data to: 
    data: [2000, 3000, 4000, 8000, 12000, 12850]

Is it possible put thousand sepator on dataset label ? 
Like this : 
5,000
10,000
15,000

1 个答案:

答案 0 :(得分:0)

我找到了! 我需要在xAxes属性上使用回调函数。像这样:

barChartOptions = {
  scaleShowVerticalLines: false,
  responsive: true,
  scales: {
    yAxes: [{
      ticks: {
        fontSize: 13,
        fontStyle: 'normal',
      }
    }],
    xAxes: [{
      ticks: {
          callback: (dataLabel, index)=> {                  
            let decimalPipe = new DecimalPipe('pt-BR');
            return decimalPipe.transform(dataLabel, '1.0-0');
          }
      }
    }]
  },
  ...

谢谢!