javascript - 在 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