tc-angular-chartjsグラフデータに値を代入するときに問題が発生する

Question

グラフデータを配列に保存された名前で設定したいが、グラフデータは機能しません。 配列に配列名を格納し、ng-repeatでグラフデータに名前を割り当てましたが、表示された配列から名前を取らないグラフデータnone.itは、名前が直接割り当てられている場合のみグラフを表示します。

<div ng-repeat="x in data123"> 
<h4>{{x}}</h4> 
<canvas tc-chartjs-doughnut chart-options="options1" chart-data=x auto-legend></canvas> 
</div> 

配列は、これが唯一の私がチャートデータに配列値を割り当てることができる方法

<canvas tc-chartjs-doughnut chart-options="options1" chart-data=Dancee auto-legend></canvas> 

場合

Iも試み働い

$scope.data123=['basketballl','Dancee']; 

ある

chart-data={{x}} 
chart-data="x" 

いずれも機能していません。

Answer 1

chart-dataは配列に保存されている配列名ではなく、配列を保存します。複数のグラフを表示するにはng-repeatを使用します。他の配列のチャットデータの配列を他のデータとともに挿入します。

$scope.data1.push({ 
    value: data.Group[i].Count[j], 
    color: chartColor[j], 
    highlight: chartColor[j], 
    label: data.Group[i].options[j] 
    }); 
$scope.groupDet.push({'groupid':data.Group[i].groupID, 
        'groupName':data.Group[i].groupName , 
        'ff':$scope.data1 
       }); 

<div ng-repeat="x in groupDet"> 
<h4>{{x.groupName}}</h4> 
<canvas tc-chartjs-doughnut chart-options="options1" chart-data=x.ff auto-legend></canvas> 

Answer 2

chart.jsは、最初は色とすべてのプロパティを除いてラベルと値のプロパティを受け入れます。 あなたはchart.jsによって与えられたスクリプトを変更する必要があります。 配列からのあなたの特性がxyzであると仮定しましょう。このようなsegment.xyzのようなスクリプトでセグメントを解剖するか、ラベルをあなたのプロパティー名に置き換える必要があります

希望するvlヘルプ