Reactjs 使用highcharts中的PieChart

是否有使用highcharts react official[]中PieChart的工作示例

下面的链接中提到了PieChart标记，但我找不到它的任何工作示例：

下面的链接中还有一个工作示例，但它没有使用PieChart标记：

有人知道PieChart标签的例子吗

---

谢谢。

您可以使用Highchart js库构建已知组件。

另外，请查看Highcharts编辑器-

---

您不需要使用

PieChart

标记来使用

highcharts

创建

pie

图表。选项中图表或系列的类型很重要，但标记的名称不重要，因此，例如，您可以通过以下方式执行：

...

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>
    );
  }
}

。。。
从“highcharts react official”导入PieChart；
常量选项={
图表：{
类型：“馅饼”
},
系列：[……]
};
类应用程序扩展了React.Component{
...
render（）{
返回(
海图
);
}
}

---

现场演示：

非常感谢@ppotaczek！：）