Javascript Chart.js v3.2将雷达背景形状从多边形三角形更改为圆形
我用Javascript Chart.js v3.2将雷达背景形状从多边形三角形更改为圆形,javascript,chart.js,Javascript,Chart.js,我用chart.js 3.2 const twoWeeksSentimentSummaryRadar = new Chart(twoWeeksSentimentSummaryRadarCtx, { type: 'radar', data: { labels: [ 'Positive', 'Neutral', 'Negative' ], datasets: [{
chart.js 3.2
const twoWeeksSentimentSummaryRadar = new Chart(twoWeeksSentimentSummaryRadarCtx, {
type: 'radar',
data: {
labels: [
'Positive',
'Neutral',
'Negative'
],
datasets: [{
label: 'Sentiment',
backgroundColor: 'rgba(182,198,255,0.26)',
borderColor: '#B6C6FF',
borderWidth: 3,
data: [curWeekPositiveSum, curWeekNeutralSum, curWeekNegativeSum]
}]
},
options: {
plugins: {
legend: {
display: false
}
},
scales: {
r: {
ticks: {
maxTicksLimit: 6,
font: {
family: 'Helvetica Neue',
style: 'normal',
weight: 'normal',
size: 8,
lineHeight: '100%'
},
color: '#A6AAC2'
},
pointLabels: {
font: {
family: 'Helvetica Neue',
style: 'normal',
weight: 500,
size: 14,
lineHeight: '100%'
},
color: '#1C1C1C'
}
}
}
}
});
如何将其背景形状转换为圆形,如下图所示
有一个类似的问题,但如果我理解正确,该解决方案与以前的版本兼容
在选项中,您可以将网格设置为圆形:
options: {
scales: {
r: {
grid: {
circular: true
}
}
}
}
例如:
var选项={
类型:“雷达”,
数据:{
标签:[“红色”、“蓝色”、“黄色”、“绿色”、“紫色”、“橙色”],
数据集:[{
标签:“#投票数”,
数据:[12,19,3,5,2,3],
边框宽度:1
}]
},
选项:{
比例:{
r:{
网格:{
通告:是的
}
}
}
}
}
var ctx=document.getElementById('chartJSContainer').getContext('2d');
新图表(ctx,选项)代码>
在选项中,您可以将网格设置为圆形:
options: {
scales: {
r: {
grid: {
circular: true
}
}
}
}
例如:
var选项={
类型:“雷达”,
数据:{
标签:[“红色”、“蓝色”、“黄色”、“绿色”、“紫色”、“橙色”],
数据集:[{
标签:“#投票数”,
数据:[12,19,3,5,2,3],
边框宽度:1
}]
},
选项:{
比例:{
r:{
网格:{
通告:是的
}
}
}
}
}
var ctx=document.getElementById('chartJSContainer').getContext('2d');
新图表(ctx,选项)代码>
非常感谢你,我太愚蠢了,我试过缩放而没有缩放!你能另外告诉我除了雷达图中的r以外,还有其他的刻度吗?我不知道你知道有没有改变这个圆形区域背景的选项?非常感谢你,我太傻了,我试过刻度而不是刻度!你能另外告诉我除了雷达图中的r以外,还有其他的刻度吗?我不知道你知道有没有改变这个圆形区域背景的选项??