Reactjs 高度图表的仪表系列,反应不是固体仪表,而是仪表系列

Reactjs 高度图表的仪表系列,反应不是固体仪表,而是仪表系列,reactjs,highcharts,Reactjs,Highcharts,我需要这个图表。实施了固态仪表,但无法实施此仪表系列 这里是一个沙箱,用于参考,其中固体压力计正在工作,但不是序列图。取消对GaugeSeries的注释会导致工具提示为空错误 您的绘图选项应该是中图表选项的一部分 <HighchartsChart chart= 根据守则: import React,{Component}来自“React”; 从“Highcharts”导入Highcharts; 要求(“高图表/高图表更多”)(高图表); 要求(“海图/模块/导出”)(海图);

我需要这个图表。实施了固态仪表,但无法实施此仪表系列

这里是一个沙箱,用于参考,其中固体压力计正在工作,但不是序列图。取消对GaugeSeries的注释会导致工具提示为空错误


您的
绘图选项应该是中图表选项的一部分

  <HighchartsChart
    chart=
根据守则:

import React,{Component}来自“React”;
从“Highcharts”导入Highcharts;
要求(“高图表/高图表更多”)(高图表);
要求(“海图/模块/导出”)(海图);
进口{
海查特沙特,
用海图,
系列
XAxis,
亚克斯,
工具提示
}从“react jsx highcharts”;
常量打印选项={
plotBackgroundColor:null,
plotBackgroundImage:空,
绘图边框宽度:0,
plotShadow:false
};
常数paneOptions={
startAngle:-120,
端角:120,
背景:[
{
背景颜色:{
线性半径:{x1:0,y1:0,x2:0,y2:1},
停止:[[0,[FFF],[1,[333]]
},
边框宽度:0,
外层:“109%。”
},
{
背景颜色:{
线性半径:{x1:0,y1:0,x2:0,y2:1},
停止:[[0,[333],[1,[FFF]]
},
边框宽度:1,
外层:“107%。”
},
{
背景颜色:“DDD”,
边框宽度:0,
外层:“105%”,
内半径:“103%”
}
]
};
常量GraphRender=({data})=>{
返回(
数据不可用
);
};
常数规=({data})=>;
使用Highcharts(仪表、Highcharts)导出默认值;

(我还没有解决图表选项的问题-如果你想让选项发挥作用,你可以将它们移动到正确的位置。我不确定你是否需要它们,或者这些选项是否仅为演示目的而设置)

谢谢,这很有帮助。这里同样的问题,链接不再起作用。无法理解我需要从哪里导入@degr,用一些相关代码替换了断开的链接。该解决方案基于所讨论的代码,因此您可以使用该链接查看图表。一般来说,我会建议使用。
      <Series id="series" name="Value" data={[80]} type="guage" />