Highcharts设置Y轴min:0后如何仅在Tooltip显示负值

你遇到的问题本质是：设置yAxis.min:0后，Highcharts不仅会截断图表的Y轴可视范围，默认Tooltip还会展示渲染后的y值（也就是0），而非原始的负值数据。要实现「图表只显示y≥0区域，但Tooltip展示真实负值」的效果，给你一个直接可行的方案：

核心思路 #

保留yAxis.min:0锁定图表Y轴起始点，同时自定义Tooltip格式化函数，直接读取数据点的原始y值，绕过Highcharts的截断处理逻辑。

完整代码示例 #

$(id).highcharts({
    chart: {
        zoomType: 'xy',
        marginLeft: 45,
        marginRight: rightval - 10
    },
    title: {
        text: title
    },
    exporting: {
        enabled: false
    },
    yAxis: {
        min: 0, // 强制Y轴从0开始，图表不渲染负值区域
        title: {
            text: 'Y轴名称'
        }
    },
    tooltip: {
        formatter: function() {
            // 自定义Tooltip内容，直接调用原始未截断的y值
            const seriesLabel = `<span style="color:${this.series.color}">${this.series.name}</span>`;
            const xContent = `X值: ${this.x}`;
            const yContent = `Y值: ${this.point.y}`; // this.point.y是数据的原始值
            
            return `${seriesLabel}<br/>${xContent}<br/>${yContent}`;
        }
    },
    // 你的其他配置项（credit、series等）
    series: [
        // 示例数据集，包含负值
        { name: '示例数据', data: [15, -4, 9, -2, 11] }
    ]
});

关键细节补充 #

• this.point.y是数据点的原始值：即使Y轴被截断，Highcharts依然会完整保留每个数据点的原始数据，所以我们可以直接在Tooltip中调用它。
• 若想保留默认Tooltip的格式（比如数值小数位、单位），可以结合Highcharts内置的格式化工具：

  // 示例：格式化数值为两位小数并添加单位
  const yContent = `Y值: ${Highcharts.numberFormat(this.point.y, 2)} 单位`;
  

• 如果希望负值数据点完全不在图表上显示（而非渲染在y=0位置），可以提前过滤视觉展示数据，同时把原始值存在自定义属性中：

  series: [
      {
          name: '数据集',
          data: [15, -4, 9, -2, 11].map(val => ({
              y: Math.max(val, 0), // 视觉仅展示≥0的值
              customRawValue: val // 保存原始负值
          }))
      }
  ]
  // 然后在Tooltip中读取this.point.customRawValue即可
  

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