Question

我是离子框架的新手。我想根据存储在firebase中的数据在我的应用程序中使用chartjs。这是我在代码中检索数据的代码：

           <ion-list>
            <ion-item ng-repeat="item in items |reverse |limitTo:3">
              <b>  {{item.bg}}</b>
              <p> {{item.time}}</p>
              <p>  {{item.dayOfWeek}}</p
            </ion-item>
        </ion-list>

并有一个画布来显示图表中的数据：

我的控制器中也有：

.factory("Items", function ($firebaseArray) {
var itemsRef = new Firebase("https://[my-firebase-    app].firebaseio.com/items");
return $firebaseArray(itemsRef);

}）

.controller("ListCtrl", function ($scope, Items) {


$scope.items = Items;


    $scope.addItem = function () {

    $scope.items.$add({

      "bg": $scope.newBG,
      "dayOfWeek":dw,
      "date":dd,
      "time":hh 

    })
  }



};

图表仅适用于控制器中的静态数组数据，如下所示：

 $scope.graph = {};   
  $scope.graph.data =
 [
     [16, 15, 20, 12, 16, 12, 8],

    [8, 9, 4, 12, 8, 12, 14]
    ];

但我想使用来自firebase的动态数据，当数据添加到其中时，它会显示在图表中。我如何使用这些数据并将它们绑定到我的图表，它们是n Json格式？是否正确使用它 $ scope.graph.data = Items.bg;

但它不起作用。谢谢你的帮助

在离子框架中使用chartjs与firebase

0 个答案: