[英]Remove gridline in Angular charts. Chart.js
我正在使用角度图,但似乎无法删除网格线! 这是我的代码:
<canvas id="line" class="chart chart-line" chart-data="data"
chart-labels="labels" chart-legend="false" responsive="true"
chart-click="onClick" scaleShowVerticalLines= "false">
</canvas>
我的js文件看起来像这样
$scope.labels = ["Jan", "Feb", "Mars", "Apr", "May", "Jun",
"Jul", "Aug", "Sep", "Oct", "Nov", "Dec"];
$scope.series = ['2015', '2014'];
$scope.data =
[
[80, 85, 90, 85, 90, 97, 90, 80, 90, 96, 97, 99]
];
$scope.onClick = function (points, evt) {
console.log(points, evt);
};
如何删除线?
将图表选项添加到您的html中:
<canvas id="line" class="chart chart-line" chart-data="data"
chart-labels="labels" chart-legend="false" responsive="true"
chart-click="onClick" scaleShowVerticalLines= "false"
chart-options="options">
</canvas>
并将chart-options添加到您的js文件中。 它看起来像这样:
$scope.options = {scales: {
xAxes: [{
gridLines: {
display: false
}
}],
yAxes: [{
gridLines: {
display:false
}
}]
}
};
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.