Question

使用Chart js并遇到了一些麻烦。我试图从Web服务中提取一些数据（我做得很好）但是当我尝试将其放入图表时，图表不会显示。我正在从here提取数据。控制台打印出预期的值，即使间隔工作也确保没有任何改变。

此外，canvas div显示在页面上，只是图表没有动画效果。这里的html非常简单，因为我只是将它用于一个小小部件：

  <body ng-app="myapp" ng-controller="MainCtrl">
    <div id="canvas-holder">
      <canvas id="chart-area" width="500" height="500"></canvas>
    </div>
    <button id="randomizeData">Randomize Data</button>
  </body>

和here is a plunker这样你就可以更好地了解最新情况。如果您查看控制台，则可以看到没有错误。

Answer 1

把这段代码

var ctx = document.getElementById("chart-area").getContext("2d");
window.myDoughnut = new Chart(ctx).Doughnut($scope.doughnutData, {
    responsive: true
});

内部成功回调。那将解决。

.success(function(returnedData) {    
     $scope.doughnutData = sortByKey($scope.doughnutData, 'value');

     // Put code here

});

画布不会显示

1 个答案: