Question

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

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

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

enter image description here

Answer 1

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

字体

要像上面一样配置字体，您需要在pointLabels属性下的选项中包含这些设置：

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

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

角线

轴线有两种不同的设置（gridLines和angleLines）。 angleLines是从图表中心放射出的线以及您要隐藏的内容。要隐藏angleLines，您需要执行以下操作：

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

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

1 个答案: