Javascript 如何使用angular在同一页面上创建多个图表？

我已经用chart.js创建了一个图表。但图表需要有dinamic数据。 我有一个对象和我的数据。我需要为每个索引创建一个图表。 我的目标是：

var example = [ [project{ data:['24/12/1994','25/12/1994'] qtd: [1,5]},
project{ data:['24/12/1994','25/12/1994'] qtd: [1,5]} ];

因此，对于每个项目，我需要一个图表，并且每次都可以有更多的项目，所以它需要dinamic。但我只知道用$scope将数据放在图表中，那么我该怎么做呢？有什么想法吗

我真的很感谢你的帮助

这是我的HTML，如果有帮助的话：

  <div class="chart-container">
    <canvas id="line" class="chart chart-line" chart-data="data" chart-labels="labels" chart-series="series" chart-options="options" chart-dataset-override="datasetOverride" chart-click="onClick">
    </canvas> 
  </div> 

---

首先，我相信您的数据会是这样的

var example = [{
                  project: {data:['24/12/1994','25/12/1994'], qtd: [1,5]
               },{
                  project: {data:['24/12/1994','25/12/1994'], qtd: [1,5]
               }]; 

您发布的有问题的对象格式错误

为此，首先需要将整个数据保存在$scope中，如

$scope.chartData = example; //example is what we defined above or your response

在html中，您必须重复画布以显示每个图表

  <div class="chart-container">
    <canvas 
            ng-repeat="data in chartData"
            chart-data="{{data}}"
            id="line" class="chart chart-line"
            chart-labels="labels"
            chart-series="series" chart-options="options"
            chart-dataset-override="datasetOverride"
            chart-click="onClick">
    </canvas> 
  </div> 

这里我在

chart data=“{{data}}”

中传递了

data

，猜测您需要传递对象数组中的每个对象

如果希望在每个对象中只传递项目对象，则

chart data=“{{data.project}}”

和

chart data=“{data.qtd}}”

对于qtd对象