Highcharts：基于钻取状态的条件式提示框设置问题

你之前通过drilldown和drillup事件切换X轴标题的逻辑是可行的，但Tooltip的判断逻辑有误——你之前用this.hasOwnProperty("drilldown")判断的是单个数据点是否包含钻取配置，而非图表当前是否处于钻取状态。以下是两种正确的实现方式：

方法一：利用Highcharts内置的钻取层级属性判断 #

直接通过图表实例的drilldownLevels数组长度判断是否处于钻取状态（未钻取时数组长度为0，钻取后会存储层级数据）：

// 保留原有的events配置
events: {
  drilldown: function(e) {
    this.xAxis[0].setTitle({ text: 'Accounts' });
  },
  drillup: function(e) {
    this.xAxis[0].setTitle({ text: 'Source' });
  }
},
// 修改后的Tooltip配置
tooltip: {
  formatter: function() {
    const isDrilledDown = this.chart.drilldownLevels.length > 0;
    return isDrilledDown ? `Count of user: ${this.point.y}` : `Count of number: ${this.point.y}`;
  }
}

方法二：自定义状态标记（更直观） #

在钻取/钻取返回事件中给图表实例添加自定义属性，标记当前状态：

events: {
  drilldown: function(e) {
    this.xAxis[0].setTitle({ text: 'Accounts' });
    // 标记为钻取状态
    this.isDrilledDown = true;
  },
  drillup: function(e) {
    this.xAxis[0].setTitle({ text: 'Source' });
    // 恢复初始状态
    this.isDrilledDown = false;
  }
},
tooltip: {
  formatter: function() {
    // 根据自定义状态返回对应文本
    return this.chart.isDrilledDown ? `Count of user: ${this.point.y}` : `Count of number: ${this.point.y}`;
  }
}

两种方法都能实现需求，第一种无需额外维护状态，直接复用Highcharts内置属性；第二种逻辑更清晰，适合后续扩展复杂状态判断。

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