Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/426.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何删除Chartjs雷达中的网格线和网格标签?_Javascript_Charts_Chart.js_React Chartjs - Fatal编程技术网

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”)和网格线之间的填充吗?它们之间没有内置的添加填充的功能。您可能需要创建一个插件。