如何删除Chart.js x轴的底线？
如何删除Chart.js x轴的底线？
提问于 2019-04-11 03:38:55
我正在使用Chart.js 2.8.0，试图摆脱X/Y轴的边界。使用gridLines { showBorder: false }}，我仍然可以看到X轴的边框。我还将颜色设置为0 alpha，X和Y上的所有其他线都消失了，除了X轴上的底部那条线不会消失。尝试其他一些选项，如drawBorder: false和scaleLineColor: "rgba(0,0,0,0)", none不影响X轴上的底线。
这是我的图表配置
type: 'line',
data: {
datasets: [{
label: '',
data: [],
backgroundColor: [],
borderWidth: 1
}]
},
options: {
scaleLineColor: "rgba(0,0,0,0)",
layout: {
padding: {
top: 20
}
},
legend: {
display: false
},
scales: {
gridLines: {
showBorder: false
},
xAxes: [{
gridLines: {
color: "rgba(0, 0, 0, 0)",
}
}],
yAxes: [{
gridLines: {
color: "rgba(0, 0, 0, 0)",
},
ticks: {
beginAtZero: true,
display: false,
}
}]
}
}
};回答 1
Stack Overflow用户
回答已采纳
发布于 2019-04-11 03:49:27
在摆弄了一段时间后，我找到了解决方案zeroLineColor：‘透明’做到了这一点。在这里找到的https://github.com/chartjs/Chart.js/issues/3950
scales: {
xAxes: [{
gridLines: {
zeroLineColor: 'transparent'
},
}],页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/55624343
复制相关文章
相似问题
如何在kafka连接jdbc中重写key.serializer
找不到类，找不到类定义
卡夫卡制片人抛出"key.serializer“异常
找不到GoogleMaps类-找不到类‘laravel’
使用事务时，每个生产者的key.serializer不同
添加站长 进交流群
领取专属 10元无门槛券
AI混元助手 在线答疑
关注 腾讯云开发者公众号
洞察 腾讯核心技术
剖析业界实践案例
腾讯云开发者
