Skip to main content

Fonts

QuickChart supports all Google Noto fonts. Custom fonts are available upon request.

To change font size and style, you may set values for each component of the graph:

  • For the legend, use options.legend.labels and set fontColor, fontStyle, or fontFamily (chart.js doc)
  • For the axes, use options.scales.<axis>.ticks.font* (chart.js doc). For radar and polar area charts, there is only one axis, so use options.scale.ticks.font* instead.
  • For the chart title, use options.title.font* (chart.js doc)

The example below displays a number of chart font size, style, and color customizations for each component of the chart: