在 highcharts-react-official 上定义并应用主题

Question

我正在尝试higcharts全局更新文本字体，但在文档中找不到如何使用highcharts-react-official. 是否存在Highcharts.theme = style与等价的Highcharts.setOption(Highcharts.theme)？

Answer 1

Highcharts 主题是一组预定义选项，在实例化每个图表之前作为默认 Highcharts 选项应用。highcharts.zip 包附带了一些主题，只需包含它们即可轻松应用于您的图表： https ://www.highcharts.com/docs/chart-design-and-style/themes

当然，您也可以创建自己的选项。更改主题无非就是使用新选项调用 setOptions() 。

现场演示： https://stackblitz.com/edit/highcharts-87w46s? file=Highchart.js

import DarkUnica from 'highcharts/themes/dark-unica';
DarkUnica(ReactHighcharts.Highcharts);

您还可以检查 CSS 样式方法是否适合这种情况： https://www.highcharts.com/docs/chart-design-and-style/style-by-css