highcharts - 如何使用 HighchartsReact 创建压缩气泡

Question

我正在尝试使用类似的东西：如果您可以给我一个带有 react 和 packedbubble 的工作示例，那将非常有帮助。我正在使用 react 并尝试执行以下操作的问题：

      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