如何更改标签的字体系列并删除图表中的网格.js

Question

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

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

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

在此处输入图像描述

Answer 1

radar图使用线性径向轴。该文档详细介绍了可用于图表轴的所有自定义项。

字体

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

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

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

角度线

轴线有两种不同的设置(gridLines 和 angleLines (。angleLines是从图表中心向外辐射的线条以及您想要额外隐藏的内容。要隐藏angleLines ，您需要执行以下操作：

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