Highcharts полярный результат - линия вместо полярности

Question

Я пытаюсь использовать highcharts полярную реакцию. Я попытался легко создать линейные графики и круговые диаграммы. Однако на основе API Highcharts вместо chart:{type: pie} мне нужно ввести chart:{polar: true}.

Я отредактировал файл App.js прямо после npx-create-react myapp и следующих шагов, о которых я не думаю, что мне нужно указывать.

Вот мой полный код:

import React from "react";
import Highcharts from "highcharts";
import HighchartsReact from "highcharts-react-official";
import HighchartsMore from "highcharts/highcharts-more";
HighchartsMore(Highcharts);

const options = {
  chart: {
    polar: true
  },

  title: {
    text: "Highcharts Polar Chart"
  },

  subtitle: {
    text: "Also known as Radar Chart"
  },

  pane: {
    startAngle: 0,
    endAngle: 360
  },

  xAxis: {
    tickInterval: 45,
    min: 0,
    max: 360,
    labels: {
      format: "{value}°"
    }
  },

  yAxis: {
    min: 0
  },

  plotOptions: {
    series: {
      pointStart: 0,
      pointInterval: 45
    },
    column: {
      pointPadding: 0,
      groupPadding: 0
    }
  },

  series: [
    {
      type: "column",
      name: "Column",
      data: [8, 7, 6, 5, 4, 3, 2, 1],
      pointPlacement: "between"
    },
    {
      type: "line",
      name: "Line",
      data: [1, 2, 3, 4, 5, 6, 7, 8]
    },
    {
      type: "area",
      name: "Area",
      data: [1, 8, 2, 7, 3, 6, 4, 5]
    }
  ]
};

const App = () => (
  <div>
    <HighchartsReact
      Highcharts={Highcharts}
      Highcharts={Highcharts}
      options={options}
    />
  </div>
);

export default App;

Это будет просто выводить декартовый граф с столбцами, треугольниками и линиями вместо полярной диаграммы.

Помогите, спасибо!

Answer 1

Исходное сообщение

попробуйте импортировать зависимость следующим образом

import ReactHighchart from 'react-highcharts';
import HighchartMore from 'highcharts/highcharts-more';
HighchartMore(ReactHighchart.Highcharts);

также, пожалуйста, обратитесь к этой ошибке , присутствующей впоследний релиз Highcharts.