highcharts-react-official,如何在反应中实施官方文档中的setOptions?

时间:2019-10-24 06:46:07

标签: reactjs highcharts react-highcharts

我正在使用highcharts-react-official,但是我无法弄清楚如何更改文本(例如Month,ShortMonth等)。在正式的highcharts文档中,这是通过以下代码完成的:

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

1 个答案:

答案 0 :(得分:0)

您可以通过将此代码放入单独的文件(例如highcharts.options.js)来实现:

//Receive your SAMID here for selected checkboxes
[HttpPost]
[ValidateAntiForgeryToken]
public ActionResult ProcessInformation(CorpDetails details, string[] childChkbox)
{
  //Here you get selected ID's list as required
  List<int> mySAMIDList=childChkbox.Select(int.Parse).ToList();   
}

然后将其导入组件并像这样进行初始化:

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

演示: