Skip to main content

Fonts

Font configuration​

You can configure fonts through the components object in the chart configuration.

Each component supports its own font settings. Use the fontFamily, fontSize, and fontStyle properties to apply custom styles.

Example​

const initialChartConfig = {
components: {
xAxis: {
fontFamily: 'Open Sans, sans-serif',
fontSize: 10,
},
yAxis: {
fontFamily: 'Open Sans, sans-serif',
fontSize: 10,
},
watermark: {
fontFamily: 'Open Sans, sans-serif',
}
}
};