Chartjs 和图表数据 Angular

Question

有没有办法从 ng-repeat 添加图表数据。

像这样：

<div ng-repeat="(key, value) in chartData">
<canvas style="padding:5px" tc-chartjs-pie chart-options="chartOptions" chart-data="{{key}}">
</div>

我正在尝试向页面添加多个图表，并且我正在使用来自控制器的动态数据。我似乎无法在文档中找到任何参考。

Answer 1

如果您尝试从控制器输出数据，假设您的控制器具有如下内容：

$scope.chartData[yourDynamicVar] = [
          .... chart data
        ]

你可以这样做：

<div ng-repeat="(key, value) in chartData">
        <canvas tc-chartjs-pie chart-options="chartOptions"chart-data="chartData[key]"></canvas>
</div>

Chartjs and chart-data Angular