Highcharts极性结果是直线而不是极性
我正在尝试使用highcharts polar和react。 我试着轻松地创建直线图和饼图。 但是,基于Highcharts API,我需要输入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
图表:{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文件中以及需要的导入吗?谢谢我是一个整体编程的初学者!