设置parsing: false后Chart.js图表无法显示数据的问题求助

问题原因 #

你同时启用了parsing: false和normalized: true，这两个配置在Chart.js 4.0.1版本里存在冲突：

• parsing: false表示你直接提供已解析好的结构化数据（比如{x,y}对象）
• normalized: true则要求数据是标准化的数组格式（如[[x1,y1], [x2,y2]]或纯y值数组）

两者同时生效时，图表无法识别你提供的{x,y}对象数据，导致折线完全无法渲染。

解决方法 #

移除normalized: true配置，或者将其设为false即可：

{
    type: 'line',
    options: {
        parsing: false,
        animation: false,
        pointRadius: 0,
        // 移除该配置，或设置为normalized: false
        spanGaps: false,
        scales: {
            x: {
                ticks: {
                    source: 'auto',
                    // Disabled rotation for performance
                    // maxRotation: 0
                }
            }
        },
    },
    data: {
        datasets: [
            {
                data: [
                    {x: 1, y: 2},
                    {x: 2, y: 2},
                    {x: 3, y: 6},
                    {x: 4, y: 2},
                    {x: 5, y: 3},
                ]
            }
        ]
    },
}

补充说明 #

关闭parsing后，只要数据是Chart.js支持的结构化格式（如{x,y}对象），无需额外配置就能正常渲染。另外你设置了pointRadius: 0，所以图表上不会显示数据点，但折线会正常显示。

内容的提问来源于stack exchange，提问作者N.Maxim