如何从系列点击事件获取Y值并动态更新图例名称？

我来帮你搞定这个问题！你的代码目前有两个核心问题导致无法实现需求：

问题1：变量作用域隔离 #

你在click事件回调里定义的price是局部变量，外部的series.name完全访问不到它。所以初始化时'bank sold at price : ' + price里的price会是undefined，而且点击事件触发后，外部的名称也不会自动同步。

问题2：未主动更新系列名称 #

Highcharts的系列名称是初始化时静态设置的，点击事件触发后不会自动刷新，必须手动调用API来更新系列配置。

修改后的完整代码示例 #

// 在外部作用域定义变量，让初始化和点击事件都能访问
let currentPrice = 'N/A';

plotOptions: {
  line: {},
  series: {
    cursor: 'pointer',
    point: {
      events: {
        click: function(event) {
          // 获取点击点的Y值（价格），可以根据需求格式化，比如保留两位小数
          currentPrice = event.y.toFixed(2);
          // 调用Highcharts API动态更新当前系列的名称
          this.series.update({
            name: `bank sold at price : ${currentPrice}`
          });
        }
      }
    }
  }
},
series: [{
  // 初始化时使用默认价格文本
  name: `bank sold at price : ${currentPrice}`,
  data: [/* 你的日期数据，比如Date.UTC(2024, 0, 1), 100 这类格式 */]
}]

关键说明 #

1. 作用域调整：把价格变量放到外层作用域（比如全局或者初始化代码的外层），确保点击事件和系列初始化都能访问到它。
2. 动态更新API：this.series.update()是Highcharts官方提供的方法，用来动态修改系列的配置项（包括名称、数据等），this在点击事件里指向当前被点击的数据点，this.series就是该点所属的系列。
3. 格式化优化：如果Y值是原始数字，建议用toFixed()之类的方法格式化，避免显示过长的小数。

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