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>

数组是

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

仅在

时才有效

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

如何将数组值分配给图表数据

我也试过

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

他们都没有工作

Answer 1

chart.js最初只接受除颜色和全部之外的标签和值属性。你需要改变由chart.js给出的脚本.. 假设你的数组中的propery是xyz ..你需要在像script.xyz这样的脚本中使用你的属性名称替换标签

希望vl帮助

Answer 2

chart-data只接受存储在array中的数组而不是数组名。如果你想使用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>

tc-angular-chartjs为图表数据赋值时出现问题

2 个答案: