2

是否有使用来自 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/ovx6kqok​​qq

有人知道 PieChart 标签的示例吗？

谢谢。

4

2 回答 2

3

您不需要使用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

于 2019-02-22T02:02:24.877 回答
0

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

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

于 2019-02-21T11:44:38.473 回答