要在相等的Y坐标上显示线条(阶梯线图),你可以使用angular-chart.js库的stepLine图表类型。以下是一个示例代码:
首先,确保你已经包含了angular-chart.js库以及它所依赖的Chart.js库。
在HTML文件中,创建一个canvas元素来显示图表:
在控制器中,设置图表的数据和选项:
angular.module('myApp', ['chart.js'])
.controller('ChartCtrl', ['$scope', function ($scope) {
$scope.labels = ['January', 'February', 'March', 'April', 'May', 'June', 'July'];
$scope.series = ['Series A'];
$scope.data = [
[65, 59, 80, 81, 56, 55, 40]
];
$scope.options = {
scales: {
yAxes: [{
type: 'stepLine' // 设置为stepLine类型
}]
}
};
}]);
在上面的示例中,我们将图表类型设置为stepLine,并将数据传递给图表的data、labels和series属性。
这样,你就可以在相等的Y坐标上显示线条(阶梯线图)了。记得在控制器中引入chart.js和chart.js库,并将它们添加到你的应用程序模块中。