Javascript 如何删除Chartjs雷达中的网格线和网格标签?
对于类型雷达,如何删除网格线和网格线标签,使雷达图与下面所示的所需雷达图更相似 当前: 期望的:Javascript 如何删除Chartjs雷达中的网格线和网格标签?,javascript,charts,chart.js,react-chartjs,Javascript,Charts,Chart.js,React Chartjs,对于类型雷达,如何删除网格线和网格线标签,使雷达图与下面所示的所需雷达图更相似 当前: 期望的: 要删除/减少网格线,可以将ticks的属性设置为一个数字(网格线数量-大约),如下所示: scale: { ticks: { maxTicksLimit: 3 } } 奖励:如果您希望删除所有网格线,将maxTicksLimit设置为0将不起作用。而是在图表选项中添加以下内容: gridLines: { display: false } 要删除网格线标签(记号),
要删除/减少网格线,可以将
ticks
的属性设置为一个数字(网格线数量-大约),如下所示:
scale: {
ticks: {
maxTicksLimit: 3
}
}
奖励:如果您希望删除所有网格线,将maxTicksLimit
设置为0
将不起作用。而是在图表选项中添加以下内容:
gridLines: {
display: false
}
要删除网格线标签(记号),可以将缩放记号的显示属性设置为false,例如:
scale: {
ticks: {
display: false
}
}
ᴡᴏʀᴋɪɴɢ ᴇxᴀᴍᴘʟᴇ ⧩强>
let ctx=document.querySelector('#canvas').getContext('2d');
让图表=新图表(ctx{
类型:“雷达”,
数据:{
标签:[一月、二月、三月、四月、五月、六月、七月],
数据集:[{
标签:‘雷达1’,
数据:[3,1,6,4,7,5,4],
背景颜色:“rgba(0119204,0.2)”,
边框颜色:“rgba(0119204,0.5)”
}, {
标签:"雷达2",,
数据:[4,2,3,6,1,7,5],
背景色:“rgba(255,0,0,0.2)”,
边框颜色:“rgba(255,0,0,0.5)”
}]
},
选项:{
比例:{
滴答声:{
显示:假,
马克斯:3
}
}
}
});代码>
知道如何修复文本(如“JAN”)和网格线之间的填充吗?它们之间没有内置的添加填充的功能。您可能需要创建一个插件。