highcharts-react-official，如何在反应中实现官方文档中的setOptions？

Question

我正在使用highcharts-react-official，但是我不知道如何更改Month，ShortMonth等文本。在官方highcharts文档中，它是通过以下代码完成的：

Highcharts.setOptions({
          lang: {
              loading: 'Загрузка...',
              months: ['Январь', 'Февраль', 'Март', 'Апрель', 'Май', 'Июнь', 'Июль', 'Август', 'Сентябрь', 'Октябрь', 'Ноябрь', 'Декабрь'],
              weekdays: ['Воскресенье', 'Понедельник', 'Вторник', 'Среда', 'Четверг', 'Пятница', 'Суббота'],
              shortMonths: ['Янв', 'Фев', 'Март', 'Апр', 'Май', 'Июнь', 'Июль', 'Авг', 'Сент', 'Окт', 'Нояб', 'Дек']
            }
        });```
How to do it in highcharts-react-official?

Answer 1

您可以通过将此代码放入单独的文件中来实现它（示例 highcharts.options.js）：

export default function(H) {
  H.setOptions({
    lang: {
      loading: "Загрузка...",
      months: [
        "Январь",
        "Февраль",
        ...
      ],
      weekdays: [
        "Воскресенье",
        "Понедельник",
        ...
      ],
      shortMonths: [
        "Янв",
        "Фев",
        ...
      ]
    }
  });
}

然后在您的组件中导入它并像这样初始化：

import HighchartOptions from "./highcharts.options";
HighchartOptions(Highcharts);

演示：

• https://codesandbox.io/s/highcharts-react-demo-01rok