如何在 react-chart-js-2 中使用填充 true 隐藏边框

Question

我们添加了一个带有 2 个数据集的图表，即填充为 true 的折线图（面积图）。然而，在一个数据集中的值很低，它显示正确，但我们需要隐藏浮动边框，如下面屏幕中的红色块中提到的那样

如果特定点的一个数据集的数据较低，我们可以隐藏边框，因此它不应该浮动在另一个数据集的值中。

Answer 1

您可以通过保留 display: false 轻松禁用 react-chartjs-2 中的辅助数据

const options = {
  scales: {
    yAxes: [
      {
        type: "linear",
        display: true,
        position: "left",
        id: "y-axis-1",
      },
      {
        type: "linear",
        display: false,
        position: "right",
        id: "y-axis-2",
        gridLines: {
            drawOnArea: false,
          },
      },
    ],
  },
}