如何放置ng2图表标签y轴值放置9000=9k

Question

我正在为ng2图表使用我的角度项目，我在条形图上有一些冲突，我能知道如何将值设置为1000=1k 这样的格式吗

这里是堆栈闪电战代码

我的代码在这里

<div style="display: block;">
<canvas baseChart 
[datasets]="barChartData"
[labels]="barChartLabels"
[options]="barChartOptions"
[plugins]="barChartPlugins"
[legend]="barChartLegend"
[chartType]="barChartType">
</canvas>
</div>

.ts

public barChartOptions: ChartOptions = {
responsive: true,
};
public barChartLabels: Label[] = ['2006', '2007', '2008', '2009', '2010', '2011', '2012'];
public barChartType: ChartType = 'bar';
public barChartLegend = true;
public barChartPlugins = [];
public barChartData: ChartDataSets[] = [
{ data: [6500, 5900, 8000, 8100, 5600, 5500, 4000], label: 'Series A' },
{ data: [2800, 4800, 4000, 1900, 8600, 2700, 9000], label: 'Series B' }
];

Answer 1

解决方案很简单，请阅读chartJS和ng2Charts的完整文档。我已经更新了你的代码，你可以在这里找到实时演示。解决方案是添加具有ticks属性的barChartOptions。

public barChartOptions: ChartOptions = {
responsive: true,
scales: { //you're missing this
yAxes: [{
scaleLabel: {
display: true,
labelString: 'Frequency Rate'
},
ticks: { // and this
callback: function(value, index, values) {
return value/1000 + 'k';
}
}
}]
}
};

希望有帮助！。。快乐编码！！