2017-06-14 77 views
0

當我更新一些hightcharts圖片時,我正面臨着highcharts-ng指令的問題。當我使用這個syntaxe圖表就像魅力的更新,但似乎並沒有表現出任何我的數據標籤:更新時出現問題Highcharts對象使用highcharts-ng指令

$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

與highcharts-ng的從內存中,你可以只運行更新$範圍變量來編輯標題,你可以有一個功能,當被稱爲例如更新標題$ scope.chartRonConfig.title.text ='hello world' – Tik

+0

是的,但爲什麼當我啓動圖表時沒有顯示數據標籤?! –

+0

您是否可以在jsfiddle.net上覆制您的示例作爲現場演示?它將允許我們調試它。從圖像中很難預測原因。 –

回答

0

感謝您的關注,我確實使用早期的highcharts版本解決了這個問題,而不是使用5.0.12我使用5.0.11,它確實解決了我的問題,我認爲這是由於高級代碼 - t支持最新版本的highcharts。

謝謝。

問候 Marouan

相關問題