Apex Scatter Chart显示异常：特定数据集致点集中于同一Y轴

• 强制转换Y轴数据类型：如果API返回的异常数据集Y值是字符串格式，Apex Charts会默认按分类轴处理，导致所有点挤在同一位置。直接用Number()或parseFloat()把Y值转成数值类型即可。
• 校验原始数据有效性：先打印异常数据集的具体数值，确认Y值本身是否真的存在差异——可能是API返回的这批数据Y值本来就相同，或者差异过小被图表缩放后掩盖。
• 检查Y轴配置项：确保图表Y轴的type设置为'numeric'，若误设为'category'，数值型数据会被当作分类值渲染，自然会集中在同一轴线。
• 排查数据处理逻辑：检查API数据获取后的处理代码，比如循环过滤、赋值环节是否出现错误，导致所有Y值被统一设置成了同一个值。

示例代码：数据类型转换 #

// 处理API返回的数据，确保Y值为数值类型
const formattedData = rawApiData.map(item => ({
  x: item.x,
  y: Number(item.y)
}));

// 更新图表数据
scatterChart.updateSeries([{ data: formattedData }]);

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