Javascript 单击具有多个系列的highcharts上的事件

当我的图表上有多个相交点的序列时，点击事件似乎根本不会触发。以下是一个例子：

如果您查看所有3个系列相交的4月份，并尝试单击该点，则不会发出警报，但如果您检查任何不相交的点，则会正确发出警报

$（函数（）{
$（“#容器”）。高图({
图表：{
zoomType:'xy'
},
标题：{
文字：“东京每月平均天气数据”
},
副标题:{
文本：'来源：WorldClimate.com'
},
xAxis：[{
类别：[‘一月’、‘二月’、‘三月’、‘四月’、‘五月’、‘六月’，
‘七月’、‘八月’、‘九月’、‘十月’、‘十一月’、‘十二月’]
}],
yAxis:[{//主yAxis
标签：{
格式化程序：函数（）{
返回此值+摄氏度；
},
风格：{
颜色：“#89A54E”
}
},
标题：{
文字：“温度”，
风格：{
颜色：“#89A54E”
}
},
相反：对
}，{//次雅克西
网格线宽：0，
标题：{
文字：‘降雨’，
风格：{
颜色：“#4572A7”
}
},
标签：{
格式化程序：函数（）{
返回这个值+mm；
},
风格：{
颜色：“#4572A7”
}
}
}，{//
网格线宽：0，
标题：{
文字：“海平面气压”，
风格：{
颜色：“#AA4643”
}
},
标签：{
格式化程序：函数（）{
返回this.value+'mb'；
},
风格：{
颜色：“#AA4643”
}
},
相反：对
}],
工具提示：{
分享：真的
},
图例：{
布局：“垂直”，
对齐：“左”，
x:120，
垂直排列：“顶部”，
y:80，
浮动：是的，
背景颜色：“#FFFFFF”
},
打印选项：{
专栏：{
要点：{
活动：{
单击：函数（）{
警报（“aaa”）；
}
}
}
}
},
系列：[{
名称:"降雨",，
颜色：“#4572A7”，
键入：“列”，
亚克西斯:1,，
数据：[49.9,71.5,106.4,129.2,144.0,176.0,135.6148.5,216.4194.1,95.6,54.4]，
工具提示：{
valueSuffix:'mm'
}
}, {
名称：“海平面气压”，
类型：“样条线”，
颜色：“#AA4643”，
亚克斯:2,，
数据：[101610161015.91015.51012.31009.51009.61010.21013.119016.91018.21016.7]，
标记：{
已启用：false
},
dashStyle:“短点”，
工具提示：{
valueSuffix:'mb'
}
}, {
名称：“温度”，
颜色：“#89A54E”，
类型：“样条线”，
数据：[7.0,6.9,9.5,14.5,18.2,21.5,25.2,26.5,23.3,18.3,13.9,9.6]，
工具提示：{
valueSuffix:“°C”
},
索引：1，
zIndex:99，
活动：{
点击：功能（e）{
警报（“繁荣”）；
console.log（“CLICKY”）；
}
}
}]
});
});

---

为您提供了一个很好的解决方案。因为单独的行事件不可靠，所以我为单击的图形上的任何点创建了一个事件，然后使用事件信息提取序列的名称，并运行检查以查看它是否是我想要的

下面是我添加的Javascript：

$（函数（）{
$（“#容器”）。高图({
图表：{
zoomType:'xy'
},
标题：{
文字：“东京每月平均天气数据”
},
副标题:{
文本：'来源：WorldClimate.com'
},
xAxis：[{
类别：[‘一月’、‘二月’、‘三月’、‘四月’、‘五月’、‘六月’，
‘七月’、‘八月’、‘九月’、‘十月’、‘十一月’、‘十二月’]
}],
yAxis:[{//主yAxis
标签：{
格式化程序：函数（）{
返回此值+摄氏度；
},
风格：{
颜色：“#89A54E”
}
},
标题：{
文字：“温度”，
风格：{
颜色：“#89A54E”
}
},
相反：对
}，{//次雅克西
网格线宽：0，
标题：{
文字：‘降雨’，
风格：{
plotOptions: {
    series: {
      point: {
        events: {
        click: function(e){
          var seriesName = e.point.series.name;
          if(seriesName == "Temperature") {
            console.log("Clicked Temperature Line");
          }
          else if(seriesName == "Sea-Level Pressure") {
            console.log("Clicked Sea-Level Line");
          }
          else if(seriesName == "Rainfall") {
            console.log("Clicked Rainfall Bar");
          }
        }
      }
    }
  }
}