ChartJS 圆形网格雷达和标尺最大/最小值不工作-图表

laawzig2  于 2022-11-06  发布在  Chart.js
关注(0)|答案(1)|浏览(156)

我试图设置最小/最大起始值的规模和圆形网格的雷达在图表,但没有一个似乎工作。

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

kjthegm6

kjthegm61#

您以所有错误的方式混合了V2和V3语法,在V2中,您需要使用scale选项,而不是scales.r,并且最小值/最大值必须在ticks部分中配置,而不是在根中配置,并且网格必须为gridLines:
第一个
欲了解更多信息,请参阅2.9.4 documentation

相关问题