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以外,还有其他的刻度吗?我不知道你知道有没有改变这个圆形区域背景的选项??