如何解决Charts.js:如何去除条形图中的垂直黑线
我都试过了
options : {
scaleShowVerticalLines: false
}
options : {
scales : {
xAxes : [ {
gridLines : {
display : false
}
} ]
}
}
这是我的代码行:
//Chart Axis's
let scales = {
xAxes: [{
gridLines: { display: false },ticks: {
font: {
size: config.size,},color: "white",}],yAxes: [{
ticks: {
beginAtZero:true
},}]
};
let ctx = document.getElementById('how_i_spend_canvas');
if (ctx) { // DOM element is present and not null
let categoriesChart = new Chart(ctx.getContext('2d'),{
type: 'bar',data: howISpendChartdata,// Chart pulgins & Options
plugins: [ChartDataLabels],options: {
scales: scales,responsive: true,maintainAspectRatio: false,aspectRatio: 2,plugins: plugins,}
}
onClick: function (evt,element) {}
但我对我不起作用。
参考箭头指向线条的位置。
解决方法
现在得到了答案,就像在 Chart JS 3 中一样,它们已更改为 grid 而不是常见的 gridlines 命令。
现在在图表 JS 3 中可以使用:
x: {
grid:{
color:'red',display: false,}
},y:{
ticks: {
beginAtZero: true
},grid: {
color: 'green',display: true,}
}
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。