使用 highcharts-react-official 中的 PieChart

Question

是否有使用 highcharts-react-official 的 PieChart 的工作示例 [ https://www.npmjs.com/package/highcharts-react-official ]

下面的链接提到了 PieChart 标签，但我找不到任何工作示例： Setting Highcharts piechart ChartDefaults from Calling jsx file in React

下面的链接还有一个工作示例，但它不使用 PieChart 标签： https: //codesandbox.io/s/ovx6kqok​​qq

有谁知道 PieChart 标签的示例？

谢谢。

Answer 1

您不需要使用PieChart标签来创建pie图表highcharts-react-official。选项中图表或系列的类型很重要，但标签的名称并不重要，因此例如您可以这样做：

...

import PieChart from "highcharts-react-official";

const options = {
  chart: {
    type: "pie"
  },
  series: [...]
};

class App extends React.Component {
  ...

  render() {
    return (
      <div>
        <h2>Highcharts</h2>
        <PieChart highcharts={Highcharts} options={options} />
      </div>
    );
  }
}

现场演示：https ://codesandbox.io/s/139x5p4qpq