Highcharts极性结果是直线而不是极性

Highcharts极性结果是直线而不是极性,highcharts,react-highcharts,Highcharts,React Highcharts,我正在尝试使用highcharts polar和react。 我试着轻松地创建直线图和饼图。 但是,基于Highcharts API,我需要输入图表:{polar:true},而不是图表:{type:pie} 在npx create react myapp之后,我直接在App.js上编辑了以下步骤,我认为我不需要说明这些步骤 这是我的全部代码: import React from "react"; import Highcharts from "highcharts"; import Highc

我正在尝试使用highcharts polar和react。 我试着轻松地创建直线图和饼图。 但是,基于Highcharts API,我需要输入
图表:{polar:true}
,而不是
图表:{type:pie}

npx create react myapp
之后,我直接在App.js上编辑了以下步骤,我认为我不需要说明这些步骤

这是我的全部代码:

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;
从“React”导入React;
从“Highcharts”导入Highcharts;
从“highcharts react official”导入highcharts react;
从“海图/海图更多”导入海图更多;
海图(海图);
常量选项={
图表:{
极地:是的
},
标题:{
文字:“海图极坐标图”
},
副标题:{
文字:“也称为雷达图”
},
窗格:{
startAngle:0,
端角:360
},
xAxis:{
时间间隔:45,
分:0,,
最高:360,
标签:{
格式:“{value}°”
}
},
亚克斯:{
最低:0
},
打印选项:{
系列:{
起点:0,
点间距:45
},
专栏:{
点填充:0,
分组填充:0
}
},
系列:[
{
键入:“列”,
名称:“列”,
数据:[8,7,6,5,4,3,2,1],
点位置:“介于”
},
{
键入:“行”,
名称:“行”,
数据:[1,2,3,4,5,6,7,8]
},
{
类型:“区域”,
名称:“区域”,
数据:[1,8,2,7,3,6,4,5]
}
]
};
常量应用=()=>(
);
导出默认应用程序;
这将只输出带有列、三角形和线的笛卡尔图,而不是极坐标图

救命,谢谢

尝试像这样导入依赖项

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

另外,请参阅最新highcharts版本中的内容。

您共享的错误链接可能与其他问题有关。这里共享的链接仅适用于固体测量仪,我正在尝试对不同类型的极坐标图使用polar。另外,你能告诉我把什么脚本放在index.html文件中以及需要的导入吗?谢谢我是一个整体编程的初学者!