Chart.js 4.3版本散点图无法运行，需修改哪些内容？

问题背景 #

原基于Chart.js 2.4.0编写的散点图代码可正常运行，但切换到4.3.0版本后失效，原代码如下：

new Chart.Scatter(document.getElementById("myChart"), {
    type: 'scatter',
    data: {
         datasets: [{
           data: {{ data }},
           showLine: false,
           borderColor: "blue",
           backgroundColor: "blue"
         }]
    }
});

核心修改点 #

• 废弃Chart.Scatter专用构造：Chart.js 3.x及后续版本已移除Chart.Scatter这类细分构造函数，统一使用new Chart()初始化实例，通过配置内的type: 'scatter'指定图表类型即可。
• 规范数据集显示配置：4.x版本中散点图的点默认半径可能极小（甚至不可见），建议显式添加pointRadius配置项定义点的大小；另外showLine在散点图中默认值就是false，可选择保留或删除该配置。
• 校验数据格式合规性：4.x对散点图数据格式要求更严格，每个数据点必须是包含x和y属性的对象（如[{x: 2, y: 5}, {x: 6, y: 3}]），若原{{ data }}的结构不符合，需同步调整数据格式。

修改后示例代码 #

new Chart(document.getElementById("myChart"), {
    type: 'scatter',
    data: {
         datasets: [{
           data: {{ data }},
           borderColor: "blue",
           backgroundColor: "blue",
           pointRadius: 5 // 自定义点的大小，按需调整
         }]
    }
});

内容的提问来源于stack exchange，提问作者BlackHawk