2017-06-14 7 views
0

ハイチャートの一部を更新するときに、highcharts-ngディレクティブの問題に直面しました。私はこのsyntaxeチャートを使用すると魔法のように更新されますが、私のデータラベルのいずれかを表示していないようでした:更新時に問題が発生しましたhighcharts-ngディレクティブを使用してHighchartオブジェクトを作成

$scope.chartRonConfig = { 
    chart: { 
     plotBackgroundColor: null, 
     plotBorderWidth: 0, 
     plotShadow: false 
    }, 
    title: { 
     text: 'Browser<br>skjdfhsjdkf<br>2019', 
     align: 'center', 
     verticalAlign: 'middle', 
     y: 40 
    }, 
    tooltip: { 
     pointFormat: '{series.name}: <b>{point.percentage:.1f}%</b>' 
    }, 
    plotOptions: { 
     pie: { 
      dataLabels: { 
       enabled: true, 
       distance: -50, 
       style: { 
        fontWeight: 'bold', 
        color: 'white' 
       } 
      }, 
      startAngle: -90, 
      endAngle: 90, 
      center: ['50%', '75%'] 
     } 
    }, 
    series: [{ 
     type: 'pie', 
     name: 'Browser share', 
     innerSize: '50%', 
     data: [ 
      ['Firefox', 10.38], 
      ['IE', 56.33], 
      ['Chrome', 24.03], 
      ['Safari', 4.77], 
      ['Opera', 0.91], 
      { 
       name: 'Proprietary or Undetectable', 
       y: 0.2, 
       dataLabels: { 
        enabled: false 
       } 
      } 
     ] 
    }] 
}; 

が、イムは、このsyntaxeを使用した:

$scope.chartRonConfig = Highcharts.chart('RonContainer', { // same config } 

何も更新されません。

ビューは非常に単純です:

<highchart id="RonContainer" config="chartRonConfig"></highchart> 

私は私がここで行方不明何イム分かりません。どんな助けもありがとう。

ありがとうございます。 enter image description here

+0

あなただけが呼び出されたときには、例えば、タイトルを更新する機能を持たせることができるタイトルを編集するために$スコープ変数を更新し実行することができます$ scope.chartRonConfig.title.text = 'hello world' – Tik

+0

はい、なぜ私はグラフを開始するときにデータラベルを表示していませんか? –

+0

jsfiddle.netであなたのサンプルをライブデモとして複製できますか?それは私たちがそれをデバッグすることができます。画像から、その理由を予測することは本当に難しいです。 –

答えて

0

私は5.0.12を使用するのではなく、初期のhighchartsバージョンを使用して解決しました。私は5.0.11を使用し、それは私の問題を解決しました。それは、highcharts-ハイチャートの最新バージョンをサポートしています。

ありがとうございます。 highcharts-ngのメモリからと

よろしく Marouan

関連する問題