[Chartjs]-How to change the fontFamily of the labels and remove the grid in chart.js

by

1👍

The radar chart uses a Linear Radial Axis. That documentation details all of the customization you have available for your chart axis.

Font

To configure your font as you have it above, you would want to have those settings on your options under the pointLabels property:

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

As a note, the fontSize property is supposed to be a number, not a string.

Angle Lines

There are two different settings for the axis lines (gridLines and angleLines). The angleLines are the lines that radiate out from the center of the chart and what you are wanting to additionally hide. To hide the angleLines, you would want to do the following:

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

Leave a comment