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

带有angular-chart.js

1 个答案: