angular chart.js多图表不呈现

Question

我创建2个折线图消费来自$ http服务的数据。当数据解析时，只有一个图表正在渲染，而另一个图表在中间停留动画，直到我悬停在那里然后渲染它。

如果我使用$ timeout

，它们会起作用

DataApi.chart('api/getInfo/oms_anual_sale').then(function(re){
  $scope.data = re[0];
  $scope.labels = re[1];
  $scope.series= re[2];
});


$timeout(function(){
  DataApi.chart('api/getInfo/oms_monthly_compare').then(function(data){
  $scope.data1 = data[0];
  $scope.labels1 = data[1];
  $scope.series1 = data[2];
  console.log(data[0])
  });
},500);

图表指令会发生什么？