即使使用图例也无法从 chart.js 中的雷达图中删除图例:{display : false}
Not able to remove legent from Radar Chart in chart.js even using legent: {display : false}
即使使用 legend: {display : false}
,也无法从 chart.js 中的雷达图中删除图例。我正在使用此代码,然后使用 HTML/JS
显示它
下面是代码
var options5 = {
type: 'radar',
data: {
labels: [sec1,sec2,sec3,sec4,sec5],
responsive: false,
legend :{display:false},
datasets: [{
data: [50,70,89,34,100],
backgroundColor: "transparent",
borderColor: "rgba(200,0,0,0.6)",
fill: false,
radius: 6,
pointRadius: 6,
pointBorderWidth: 3,
pointBackgroundColor: "orange",
pointBorderColor: "rgba(200,0,0,0.6)",
pointHoverRadius: 10,
},
]
},
options :{
legend: {
display: false
},
}
}
new Chart(ctx5, options5);
假设您使用的是 Chart.js 版本 3,它应该定义如下:
options: {
plugins: {
legend: {
display: false
}
}
...
Please consult Chart.js documentation here
能够找到 solution.Need 也可以使用插件
options :{
plugins:{
legend: {
display: false
},
}
}
即使使用 legend: {display : false}
,也无法从 chart.js 中的雷达图中删除图例。我正在使用此代码,然后使用 HTML/JS
下面是代码
var options5 = {
type: 'radar',
data: {
labels: [sec1,sec2,sec3,sec4,sec5],
responsive: false,
legend :{display:false},
datasets: [{
data: [50,70,89,34,100],
backgroundColor: "transparent",
borderColor: "rgba(200,0,0,0.6)",
fill: false,
radius: 6,
pointRadius: 6,
pointBorderWidth: 3,
pointBackgroundColor: "orange",
pointBorderColor: "rgba(200,0,0,0.6)",
pointHoverRadius: 10,
},
]
},
options :{
legend: {
display: false
},
}
}
new Chart(ctx5, options5);
假设您使用的是 Chart.js 版本 3,它应该定义如下:
options: {
plugins: {
legend: {
display: false
}
}
...
Please consult Chart.js documentation here
能够找到 solution.Need 也可以使用插件
options :{
plugins:{
legend: {
display: false
},
}
}