javascript - 如何更改标签的 fontFamily 并删除 chart.js 中的网格

Question

我想在 chart.js 中自定义标签，但似乎没有找到正确的方法。我需要在哪里放置样式选项？周围有什么？有没有办法一起删除网格线？

options: {
  scale: {
    gridLines: {
      display: false
    },
    scaleLabel: { 
      fontColor: 'green',
      fontSize: '24px',
      fontFamily: "Montserrat"
    },
  ticks: {
    maxTicksLimit: 1,
    display: false,
    },
  }
},

我希望字体颜色变为绿色并变大，但它根本不会影响字体。网格线也是如此。我希望垂直线和水平线都将被删除，但垂直线不受影响。

enter image description here

Answer 1

radar 图表使用 Linear Radial Axis .该文档详细说明了您可用于图表轴的所有自定义。

字体

要按照上面的方式配置字体，您需要在 pointLabels 属性下的选项中进行这些设置:

options: {
  scale: {
    pointLabels: {
      fontColor: 'green',
      fontSize: 24,
      fontFamily: "Montserrat"
    }
  }
}

请注意，fontSize 属性应该是数字，而不是字符串。

Angular 线

轴线有两种不同的设置(gridLines 和angleLines)。 angleLines 是从图表中心向外辐射的线条，也是您要另外隐藏的线条。要隐藏 angleLines，您需要执行以下操作:

options: {
  scale: {
    angleLines: {
      display: false
    }
  }
}