使用 highcharts-react-official 中的 PieChart

Question

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

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

下面还有一个工作示例 link，但它没有使用 PieChart 标签： https://codesandbox.io/s/ovx6kqokqq

有人知道饼图标签的示例吗？

谢谢。

Answer 1

您可以使用 Highchart js 库构建您知道的组件。 https://www.highcharts.com/demo/pie-basic

另外，看看 Highcharts 编辑器 - http://editor.highcharts.com/full.html

Answer 2

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

...

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

使用 highcharts-react-official 中的 PieChart

Using PieChart from highcharts-react-official

reactjs

highcharts

pie-chart

react-highcharts