Question

我在我的应用中使用了ember-highcharts。我在我的localhost中测试过它工作正常，图形显示在屏幕上。

我在heroku中部署了我的应用程序，并尝试显示图形，但出现以下错误：

Uncaught TypeError: Cannot read property 'parentGroup' of undefined
at object.setState (highcharts.src.js:33606)
at SVGGElement. (highcharts.src.js:33080)

这是我的代码：

{{#if question.chartData}}
  {{high-charts content=question.chartData chartOptions=chartOptions}}
 {{else}}
  <div class="modal__warning">Dados insuficientes</div>
{{/if}}

chartOptions: {
chart: {
  plotBackgroundColor: null,
  plotBorderWidth: 0,
  plotShadow: false
},
title: {
  text: null
},
tooltip: {
  pointFormat: '<b>{point.percentage:.1f}%</b>'
},
plotOptions: {
  pie: {
    colors: [
      '#60E0A1',
      '#F19692',
      '#d5d5d5',
      '#68599D',
      '#A69BC5'
    ],
    dataLabels: {
      enabled: false
    },
    size: '100%',
    showInLegend: true,
    startAngle: -90,
    endAngle: 90,
    center: ['50%', '100%']
  }
},
yAxis: {
  title: {
    text: null
  }
 }
}

有谁知道问题可能是什么？请记住，在我的本地机器上工作正常！

提前致谢：）

Answer 1

我发现了这个问题。发生的事情是我发送给Highcharts的数据使用的格式不正确。

我正在绘制一个饼图，数据应采用以下格式：

[ ["test", 10.0], ["test2", 85.0], ["test3", 5.0] ]

我正在发送这样的数据：

{ {"test", 10.0}, {"test2", 85.0}, {"test3", 5.0} }

出于某种原因，这引起了上述问题。

Highchart没有在heroku中显示，但在本地环境中工作

1 个答案: