如何在反应图js-2中隐藏边界

Question

我正面对一个相当麻烦的图表问题如下：

• 我想移除最外层的边框并保留内线，但是图表不允许我这样做。我试过使用“drawBorder:false”，但它仍然不起作用。有办法处理这件事吗？
• 如何删除原点x轴和Y轴的值？请参阅图片
• 如何编辑A的值？我希望在X轴上每次增加1000。

图像

Answer 1

设置scales选项如下：

scales: {
    y: {
      grid: {
        drawBorder: false, // <-- this removes y-axis line
        lineWidth: function (context) {
          return context?.index === 0 ? 0 : 1; // <-- this removes the base line
        }
      }
    },
    x: {
      grid: {
        drawBorder: false,
        lineWidth: 0 // <-- this removes vertical lines between bars
      }
    }
  }

应该达到预期的外观。看看这个代码沙箱有一个例子。

您可以找到有关图表这里样式的更多信息。