Gaucha系列的Highcharts与React不是实心仪表而是仪表系列

时间:2018-02-19 17:08:21

标签: reactjs highcharts

https://www.highcharts.com/demo/gauge-speedometer

在React中需要此图表。实施Solid Gauge但无法实现此Gauge系列。

以下是Sandbox的参考,其中Solid Gauge工作但不是系列图。取消注释GaugeSeries会导致工具提示出现空错误。

https://codesandbox.io/s/38rk6wvnrq

1 个答案:

答案 0 :(得分:0)

您的plotOptions应该是

中图表选项的一部分
  <HighchartsChart
    chart=

我建议更改变量的名称,因此不会产生误导 - 例如到chartOptions

其次,最重要的问题是由拼写错误造成的 - 系列类型为gauge而不是guage

      <Series id="series" name="Value" data={[80]} type="guage" />

工作演示:https://codesandbox.io/s/3403x4nojp

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