Использование PieChart от highcharts-response-official

Question

Есть ли рабочий пример использования PieChart от highcharts-реагировать-чиновник [https://www.npmjs.com/package/highcharts-react-official]

В приведенной ниже ссылке упоминается тег PieChart, но я не смог найти работающегопример для этого: Установка Highcharts piechart chartDefaults от вызова jsx-файла в 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>
    );
  }
}

Демонстрационная версия: https://codesandbox.io/s/139x5p4qpq

Answer 2

Вы можете создать свой известный компонент, используя библиотеку Highchart js.https://www.highcharts.com/demo/pie-basic

Кроме того, взгляните на редактор Highcharts - http://editor.highcharts.com/full.html