如何在ng-repeat中获取chartjs柱形图

Question

我正在开展一个项目，我需要使用ng-repeat显示多个图表，并且我使用chartjs。

有人可以建议我如何使用ng-repeat获得多个柱形图。

Answer 1

您只需要使用chart.js的angularjs库，请结帐angular-chart.js。有关它的实例，请参考以下示例！

<div class="container" ng-app="app" ng-controller="ChartCtrl">
  <div class="row" ng-repeat="item in repeat">
    <div class="col-md-6">
      <canvas id="line" class="chart chart-line" chart-data="data" chart-labels="labels" chart-series="series" chart-options="options" chart-dataset-override="datasetOverride">
      </canvas>
    </div>
    <div class="col-md-6">
      <canvas id="bar" class="chart chart-bar" chart-data="data1" chart-labels="labels1" chart-series="series1">
      </canvas>
    </div>
  </div>
</div>

我们可以使用ng-repeat，我们可以使用图表定义。这是一个非常基本的例子，如果你遇到任何问题，请告诉我！

<强>样本：

JSFiddle Demo