2017-11-20 11 views
2

私は自分のアプリで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 
    } 
} 
} 

は、問題が何ができるか、誰を知っています?私のローカルマシンで正常に動作していることを覚えておいてください!

ありがとうございます。事前にありがとう:)

答えて

1

私は問題を発見しました。何が起こったのは、私がHighchartsに送るデータが間違ったフォーマットを使用していたことです。これが原因

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

をいくつかの理由:

私は円グラフをプロットしていますし、データを以下の形式である必要があります

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

そして、私はこのようなデータを送っていました問題は述べました。

関連する問題