highcharts-ng模型數據不起作用

Question

我正試圖用.json文件中的數據填充許多圖表。我有圖表根據需要使用一些虛擬/硬編碼值（在plunker中註釋掉），但是當我嘗試從.json文件/模型添加值時，它不起作用。

HTML模板：

<highchart config="chartConfig"></highchart> 

控制器：

series:[ 
    { 
     data: ['part.before_hp','part.before_torque'], //this doesn't work 
     //data: [2,3], //this works 
     dataLabels: { 
      enabled: true, 
      color: '#FFFFFF', 
      y: 40, 
      style: { 
       fontSize: '24px', 
       fontFamily: 'tg, sans-serif', 
       textShadow: '0 0 3px black' 
      } 
     }, 
     borderColor: 'transparent', 
     pointPadding: 0.03 
    }, 
    { 
     data: ['part.after_hp','part.after_torque'], //this doesn't work 
     //data: [5,6], //this works 
     dataLabels: { 
      enabled: true, 
      color: '#FFFFFF', 
      y: 40, 
      style: { 
       fontSize: '24px', 
       fontFamily: 'tg, sans-serif', 
       textShadow: '0 0 3px black' 
      } 
     }, 
     borderColor: 'transparent', 
     pointPadding: 0.03 
    } 
], 

我真的停留在此，一直試圖天修復它，如果有人可以幫助我將不勝感激。

我已經創建了這個plunker來演示我在做什麼。

Answer 1

好的，我想通了。這裏是更新的plunker - 真的希望這可以幫助別人。

基本上我加了'update（part）;'函數，當單擊任何部件按鈕或init時會調用該函數，它會傳遞當前部分並使用它來配置圖表選項。

按鈕，選擇部分：

<button class="btn btn-info" ng-click="selectLevel2($index); car.parts.selected=part.id; update(part);" ng-class="{selected: $index == partsSelected}">{{part.name}}</button>' 

NG-init，可以將加載圖表，而無需用戶輸入：

<div id="{{part.id}}" ng-if="car.parts.selected == part.id" class="my-switch-animation" ng-init="update(part);"> 
    <div ng-if="car.parts.selected == part.id" ng-class="{selected: $index == partSelected}" class="json"> 
     {{part}} 
    </div> 
    <highchart config="chartConfig"></highchart> 
</div> 

你可以看到在plunker代碼更新功能，我不知道想要混亂的帖子太多:-)