highcharts - 如何在 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"]
  }
});

API：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"]
  }
 });
}, []);