Step-Line with angular-chart.js

Question

我使用angular-chart.js來動態地使用我後端的數據生成一些圖表。

我還沒有發現的文件上，並沒有一個似乎至今都問是如何創建一個階梯線像chart.js之擁有它here圖。

我還沒有找到關於這是否受支持的信息。

我想什麼是以下幾點：

<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> 

而且JS：

$scope.data = { 
     type: 'line', 
     datasets: [{ 
      steppedLine: true, 
      data: countdata, 
      fill: false 
     }] 
    } 
    $scope.labels = countlabels; 

這不是工作，該圖顯示不出來。如果我只通過countdata陣列，那麼它的工作原理：$scope.data = countdata;

Answer 1

這種類型的圖表得到了很好的支持。

它不工作的原因是因爲，您以不恰當的方式配置圖表。 $scope.data應該是數據集（S）的陣列，而不是一個對象，這就是它的工作，當你設置$scope.data = countdata

要爲數據集（S）添加附加屬性的原因，需要設置的內$scope.datasetOverride是這樣的...

$scope.datasetOverride = [{ 
    steppedLine: true, 
    fill: false 
}]; 

這裏是一個working example on plunker