Highcharts单个数据点标记无法显示：满足条件处仅显空点且图表有间隙

看起来你遇到的问题核心是数据格式不统一导致的图表渲染异常，我来帮你拆解并修复：

你的代码里，满足条件时y_point是一个包含marker配置和y值的对象，但不满足条件时直接赋值为纯数值parseFloat(data[i][1])。绝大多数图表库（比如Highcharts、ECharts这类常用工具）对数据点的格式要求一致性——要么所有点都是数值类型，要么都是带配置的对象类型。混合两种格式会让图表库无法正确解析部分数据，最终出现空点和间隙。

修复方案 #

把所有数据点统一成对象格式，不满足条件时只需将marker.enabled设为false即可：

for (i = 0; i < data.length; i++) {
  const yValue = parseFloat(data[i][1]);
  if (parseFloat(data[i][2]) >= 0.99999) {
    y_point = {
      marker: {
        enabled: true,
        lineWidth: 3,
        radius: 10,
        symbol: 'triangle'
      },
      y: yValue
    };
  } else {
    y_point = {
      marker: {
        enabled: false // 禁用标记，保持格式统一
      },
      y: yValue
    };
  }
  metricData.push([/* 此处填入你的x轴数据，比如原代码中的mo... */, y_point]);
}

简化写法提示 #

如果你使用的是Highcharts这类支持默认配置的库，还可以进一步简化代码：先给系列设置全局默认标记（默认不显示），只给满足条件的点单独配置标记，既保证格式统一又减少重复代码：

// 先在图表系列配置中设置默认marker（示例）
// series: [{
//   marker: { enabled: false },
//   data: metricData
// }]

// 然后在循环中：
for (i = 0; i < data.length; i++) {
  const yValue = parseFloat(data[i][1]);
  const pointConfig = { y: yValue };
  if (parseFloat(data[i][2]) >= 0.99999) {
    pointConfig.marker = {
      enabled: true,
      lineWidth: 3,
      radius: 10,
      symbol: 'triangle'
    };
  }
  metricData.push([/* x轴数据 */, pointConfig]);
}

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