Javascript Chart.js删除第一条垂直线
有没有办法在不删除数值的情况下从图表中删除初始垂直线? 以下是我的选项的外观:Javascript Chart.js删除第一条垂直线,javascript,reactjs,charts,chart.js,react-chartjs,Javascript,Reactjs,Charts,Chart.js,React Chartjs,有没有办法在不删除数值的情况下从图表中删除初始垂直线? 以下是我的选项的外观: scales: { yAxes: [{ ticks: { beginAtZero: true, maxTicksLimit: 5, suggestedMax: maxValue } }], xAxes : [{
scales: {
yAxes: [{
ticks: {
beginAtZero: true,
maxTicksLimit: 5,
suggestedMax: maxValue
}
}],
xAxes : [{
categoryPercentage: 1.0,
display : false, // set this to false to hide the labels under the bars
gridLines: {
display: false
}
}]
},
尝试使用图表选项scaleLineColor,并将颜色设置为0不透明度:
new Chart(ctx).Bar(data, {
scaleLineColor: 'rgba(0,0,0,0)'
});
如果您使用的是chartjs v2,那么scales.gridLines中的showBorder选项应该可以实现以下功能:
options:{
scales: {
gridLines:{
showBorder:false
}
}
}
见文件:
您想要删除的可能是图表的边框。在Chart.js v2中,我可以通过将网格线配置的
drawBorder
设置为false
来删除第一个垂直边框:
选项:{
比例:{
雅克斯:[{
网格线:{
抽边线:假
}
}]
}
}
在Chart.js文档中对此进行了解释。谢谢,我正在使用v2,我试过了,但没有成功。第一个解决方案只适用于V1吗?这对我来说很有效。谢谢PS:这个文档链接不再起作用了。现在提到提取边界的链接是: