帶angular-chart.js的階梯線

Question

我正在使用angular-chart.js用后端的數據動態生成一些圖表。

我尚未找到文檔，到目前為止似乎沒有人問過， 如何在 這里用 chart.js這樣的階梯線創建圖形 。

我尚未找到有關是否支持此信息。

我嘗試了以下內容：

<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
}];

這是一個關於punker的工作示例