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

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


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

enter image description here

最佳答案

radar图表使用Linear Radial Axis。该文档详细介绍了可用于图表轴的所有自定义项。

字形

要像上面一样配置字体,您需要在选项中的pointLabels属性下进行设置:

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


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

角线

轴线有两种不同的设置(gridLinesangleLines)。 angleLines是从图表中心放射出的线以及您要隐藏的内容。要隐藏angleLines,您需要执行以下操作:

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

09-19 18:46