chart.js比例标签无法在Angular 14中使用chart-js

Question

public barChartOptions: any = {
responsive: true,
maintainAspectRatio: false,
scales: {
yAxes: [
{
grid: {
display: false,
},
scaleLabel: {
display: true,
labelString: 'Counts',
},
},
],
xAxes: [
{
grid: {
display: false,
},
scaleLabel: {
display: true,
labelString: 'Locale',
},
},
],
},
};

我尝试上面的代码通过不显示比例标签来添加比例标签。我无法在条形图中添加scaleLabel，也无法在X和Y中添加scaleLabel，目前我使用的版本-Angular是14.0，chart.js是3.9.1

提前感谢

我想要这种类型的标度标签

Answer 1

您将天平定义为2个数组，这是V2语法，在V3中，所有天平都是scales对象中它们自己的对象，其中键是天平的ID。因此，将您的配置更改为这样可以解决问题：

scales: {
y: {
grid: {
display: false,
},
title: {
display: true,
text: 'Counts',
},
},
x: {
grid: {
display: false,
},
title: {
display: true,
text: 'Locale',
},
},
}

有关V2和V3之间的所有更改，请阅读迁移指南