highcharts 在每个状态变化时触发动画

Question

我正在使用这个库：'react-highcharts'，但我想升级到官方库：highcharts-react-official。 这是我的新设置：

<ReactHighcharts 
        ref={ref => chartRef.current = ref} 
        options={graphConfig} 
        highcharts={highcharts} 
        immutable={true}
        />

想知道是否有像“isPureConfig”道具这样的选项，它会阻止它重新渲染，除非你传入不同的配置对象

Answer 1

这就是highcharts-react-official默认的工作方式。 如果您将图表选项保留在组件之外、处于某种状态或记住它们，则除非更改包装器组件属性之一，否则图表将不会重新呈现。

您可以使用以下示例自行测试。

  const [options, setOptions] = useState({
    chart: {
      events: {
        render: () => {
          console.log("Chart render");
        }
      }
    },
    ...
  });

---

现场演示： https ://codesandbox.io/s/highcharts-react-demo-i4igu2?file=/demo.jsx

文档： https ://www.npmjs.com/package/highcharts-react-official