使用来自highcharts-react-official的PieChart

Question

有没有使用来自highcharts-react-official [https://www.npmjs.com/package/highcharts-react-official]的PieChart的有效示例

下面的链接中提到了PieChart标记，但是我找不到任何有效的示例： Setting Highcharts piechart chartDefaults from calling jsx file in React

下面的链接中还有一个工作示例，但未使用PieChart标签： https://codesandbox.io/s/ovx6kqokqq

有人知道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>
    );
  }
}

实时演示：

Answer 2

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

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