我试图设置最小/最大起始值的规模和圆形网格的雷达在图表,但没有一个似乎工作。
const chart1 = new Chart($('#chart-area1'), {
type: 'radar',
data: {
labels: ['test1', 'test2', 'test3'],
datasets: [{
label: '1',
data: [20, 25, 55],
borderColor: setup_borderColor[0],
backgroundColor: setup_backgroundColor[0],
borderWidth: 1
},{
label: '2',
data: [25, 35, 40],
borderColor: setup_borderColor[1],
backgroundColor: setup_backgroundColor[1],
borderWidth: 1
}]
},
options: {
scale: {
min: 0,
max: 100,
},
scales: {
r: {
grid: {
circular: true
}
}
}
}
});
雷达图应该从0开始,最大值为100,并且是一个圆形网格,但是两个选项都不起作用,我的结果是:
结果:
图表版本:图表. js v2.9.3
1条答案
按热度按时间kjthegm61#
您以所有错误的方式混合了V2和V3语法,在V2中,您需要使用
scale
选项,而不是scales.r
,并且最小值/最大值必须在ticks
部分中配置,而不是在根中配置,并且网格必须为gridLines:第一个
欲了解更多信息,请参阅2.9.4 documentation