如何在react-highcharts中使用Highcharts.setOptions？

Question

我正在使用react-highcharts并尝试实现ReactHighstock。我的图表显示'G‘而不是’B‘(数十亿)，要解决这个问题，我必须在Highcharts.setOptions中设置numericSymbols，但我没有找到如何实现它的方法。

谢谢

Answer 1

您可以在编写类组件之前定义Highcharts.setOptions。

演示：https://codesandbox.io/s/highcharts-react-demo-n3mes

Highcharts.setOptions({
  lang: {
    numericSymbols: ["k", "M", "B", "T", "P", "E"]
  }
});

接口名：https://api.highcharts.com/highcharts/lang.numericSymbols

Answer 2

如果您使用的是功能组件，那么这可能会有所帮助。

import ReactHighcharts from 'react-highcharts/ReactHighstock.src';

useEffect(() => {
 ReactHighcharts.Highcharts.setOptions({
  lang: {
    numericSymbols: ["k", "M", "B", "T", "P", "E"]
  }
 });
}, []);