如何使用 HighchartsReact 创建打包气泡

Question

我正在尝试使用类似 that 的东西：如果你能给我使用 react 和 packedbubble 的工作示例，那将非常有帮助。我正在使用的问题做出反应并尝试做类似的事情：

      constructor(props) {
        super(props);
      this.state = {
        options: {
          title: {
            text: 'My chart'
          },
          series: [{
            data: [1, 2, 3]
          }]
        }

      }
      }


        render() {
    return (
   <HighchartsReact highcharts = {Highcharts} options={this.state.options}/>
    );
  }

Answer 1

要创建 packedbubble，您必须加载 highcharts-more 模块：

require("highcharts/highcharts-more")(Highcharts);

演示：

https://codesandbox.io/s/highcharts-react-demo-8pkxr

如何使用 HighchartsReact 创建打包气泡

How to create packedbubble with HighchartsReact

highcharts

react-highcharts