Javascript 是否可以隐藏超出图表范围的Chart.js网格线?
我试图找到一种隐藏超出轴最大值的网格线的方法(参考下图)Javascript 是否可以隐藏超出图表范围的Chart.js网格线?,javascript,jquery,graph,charts,chart.js,Javascript,Jquery,Graph,Charts,Chart.js,我试图找到一种隐藏超出轴最大值的网格线的方法(参考下图) 当然,X轴也是如此。我基本上只想让线停在最大刻度值。我已经浏览了文档,但没有用,因此希望SE的优秀人员能够提出解决方案。您使用的是什么版本?我在v2.5.0中的条形图没有扩展到上面 它确实具有可选的“padding”参数: window.myBarChart = new Chart(ctx, { type: 'bar', data: barChartData, options: {
当然,X轴也是如此。我基本上只想让线停在最大刻度值。我已经浏览了文档,但没有用,因此希望SE的优秀人员能够提出解决方案。您使用的是什么版本?我在v2.5.0中的条形图没有扩展到上面 它确实具有可选的“padding”参数:
window.myBarChart = new Chart(ctx, {
type: 'bar',
data: barChartData,
options: {
elements: {
rectangle: {
borderWidth: 2,
}
},
layout: {
padding: {
top: 12
}
},
responsive: true,
legend: {
position: 'right',
}
}
});
谢谢,布局。填充解决了问题。起初我是用CSS处理填充的,但是padding属性似乎添加了空白,覆盖了线的延伸。但是,您的图表有相反的问题,水平网格线穿过最左边的垂直线