从主干轨道使用实心轨距时从高图中获得错误#17

Question

我正在尝试使用来自backboneJS中的highcharts的"solidgauge"图表.以前我使用过VU表并且工作正常.当我使用坚固的仪表时,我得到了#17的高位图错误.根据这个错误,我要提供series.type或chart.type错误,否则我没有必要的扩展文件.我已经加载了"highcharts.js","highcharts-more.js","highcharts-3d.js"和"exports.js"文件以及同级VU仪表工作.所以我认为我的图表选项有问题但似乎无法弄清楚那是什么.这是我的图表配置,我动态地给出了该系列的数据.我正在使用coffeescript.

scoreCard :
 chart: 
  type: 'solidgauge'
 title: null
 pane: 
  center: ['50%', '85%']
  size: '140%'
  startAngle: -90
  endAngle: 90
  background: 
   backgroundColor: (Highcharts.theme &&                 Highcharts.theme.background2) || '#EEE'
   innerRadius: '60%'
   outerRadius: '100%'
   shape: 'arc'
 tooltip:
   enabled: false
 yAxis: 
   min: 0
   max: 100
   stops: [
        [10, '#55BF3B'] 
        [60, '#DDDF0D'] 
        [90, '#DF5353'] 
  ]
   lineWidth: 0,
   minorTickInterval: null,
   tickPixelInterval: 400,
   tickWidth: 0,
   title: 
     y: -70
   labels: 
     y: 16

 plotOptions: 
   solidgauge: 
     dataLabels: 
       y: 5
       borderWidth: 0
       useHTML: true
 credits:
  enabled: false
 series: [
   {
    name: "Pulse value"
   }
 ]

我似乎无法弄清楚错误是由于图表配置还是任何缺少的头文件.有人可以帮忙吗？

Answer 1

该solidgauge类型有自己的模块需要包含,它不是highcharts-more.js文件的一部分.

如solidgauge图表演示中所示:

• http://jsfiddle.net/gh/get/jquery/1.7.2/highslide-software/highcharts.com/tree/master/samples/highcharts/demo/gauge-solid/

文件和参考:

• https://code.highcharts.com/modules/solid-gauge.js

• https://code.highcharts.com/

Answer 2

我遇到了同样的问题。我修复了添加以下语句

import * as ChartModuleMore from 'highcharts/highcharts-more.js';
import HCSoldGauge from 'highcharts/modules/solid-gauge';
import Highcharts from 'highcharts'


ChartModuleMore(Highcharts);
HCSoldGauge(Highcharts);

不要忘记添加文件引用：

  <script src="../node_modules/highcharts/highcharts.js"></script>
  <script src="../node_modules/highcharts/highcharts-more.js"></script>
  <script src="../node_modules/highcharts/modules/solid-gauge.js"></script>