呈现chartjs-chart-matrix时的呈现问题

Question

嗨，我正在尝试使用我的一个react项目中提到的图表矩阵库。我似乎无法让图表在初始加载时呈现数据，但当我强制打字错误并撤销更改(至少在我的本地机器上)时，它会正确呈现。在沙箱中不会发生)。

类似的代码适用于我使用chartjs-financial的烛台图。有关实现，请参阅代码盒。我复制了typedCharts。TSX让图表工作

Answer 1

图表配置错误。

刻度在"插件"中定义。节点，这是不正确的

移动图表选项中的刻度:

const options = {
responsive: true,
scales: {
x: {
type: "category",
labels: ["apple", "banana", "coconut"],
ticks: {
display: true
},
grid: {
display: false
}
},
y: {
type: "category",
labels: ["fruit", "juice", "smoothie"],
offset: true,
ticks: {
display: true
},
grid: {
display: false
}
}
},
plugins: {
title: {
display: true,
text: "fruits"
},
}
};