Реагировать на визуализацию HighChart без анимации - PullRequest
Новая
       5

Реагировать на визуализацию HighChart без анимации

0 голосов
/ 13 января 2020

Вот в чём дело, я использую реагирующую старшую библиотеку, а лог c - это то, что я установил конфигурацию по умолчанию в js .file: 

export const option2 = {
  chart: {
    type: "bar"
  },
  series: [
    {
      data: [Math.random() * 3, Math.random() * 3, Math.random() * 3]
    }
    ,   {
      data: [Math.random() * 3, Math.random() * 3, Math.random() * 3]
    }
  ]
};

и использую ее для установите диаграмму по умолчанию, и эта диаграмма будет заключена в константу: 

  render() {
    console.log("render");
    return (
      <div>
        <button onClick={this.refreshButtonClick}>refresh</button>
        <HighChart_map_demo1 chartata={this.state.chartata}></HighChart_map_demo1>
      </div>
    );
  }

теперь логика c - это когда я нажимаю кнопку, я получаю данные с сервера и передаю данные с верхнего рычага в оболочку и продолжайте передавать его в Higtchart, чтобы обновить опцию по умолчанию, затем используйте setState, чтобы обновить его. моя проблема в том, что диаграмма обновляется с моими новыми данными правильно, но без анимации.

Я пишу демо на stackblitz здесь: stackblitz demo но в этой демонстрации у меня возникли другие проблемы, если Я обновляю опции с помощью импортированной опции const и использую setOption (updatedOption), он не будет обновлять диаграмму. но если я использую Object.assign ({}, defaultOption) для создания нового объекта и setOption (newOption), он будет обновляться правильно.

...