Reactjs React Chartjs 2数据集背景色上方的显示轴

我有一个带有Chart.js的折线图，其中一行必须用另一行分隔填充背景。它工作得很好，但是当背景被填充时，我如何才能看到图表轴呢

---

下面是我目前拥有的一个例子：

通过玩弄它，您的大多数选项根本不被识别

我玩的颜色，布局，显示的东西等，并没有什么不同。唯一起作用的是

响应键

通常，更改线条显示方式的方式如下所示：

const选项={
图例：{display:false}，
标题：{显示：true，文本：“折线图”}，
比例：{
雅克斯：[{
网格线：{
z:99
},
滴答声：{
贝吉纳泽罗：是的
}
}]
},
xAxes：[{
网格线：{
z:99
}
}],
回答：对
};

在
选项
对象中，在缩放键下的每个轴下，可以设置网格线的z索引。这组选项应该会起作用

但是，由于您的选项没有被识别，因此这里的选项一开始都没有生效

我还没有在react中使用Chart.js，所以在这方面我真的帮不了你更多的忙

但是，我能说的是，在沙盒中的示例代码的第10行中，我将十六进制值更改为rgba：
背景色：“rgba（235、245、251、0.5）”，

它是相同的颜色，只是稍微浅一点，但最重要的是你可以看到网格线

---

我的建议是，如果你只在这个图表中使用React，不要。这似乎让事情变得更难。

它可以很好地处理

网格：{z:99}

。这些选项无法识别，因为我在web应用程序中使用了chartjs v2.9，但在codesandbox示例中，它使用了chartjs v3。现在更新了。