Javascript 使用其他图表中的数据填充Highcharts工具提示

我有三张图表。所有图表都具有相同的x轴并具有链接的工具提示

功能同步十字光标（图表）{
var container=$（chart.container），
offset=容器。offset（），
x、 y；
container.mousemove（函数（evt）{
x=evt.clientX-chart.plotLeft-offset.left；
y=evt.clientY-chart.plotTop-offset.top；
var xAxis=chart.xAxis[0]；
var xVal=xAxis.toValue（x，真）；
var chart1_points=chart1.系列[0]。点；
高图。每个（图1_点，函数（点，i）{
如果（i+1如果（xVal-point.x您可以在
pointFormatter
函数中定义工具提示结构，例如：

 pointFormatter: function() {
   var thisChart = this.series.chart,
     pointIndex = this.index,
     point,
     result = '';

   if (thisChart === Highcharts.charts[Highcharts.hoverChartIndex]) {
     Highcharts.charts.forEach(function(chart) {
       point = chart.series[0].points[pointIndex];

       result += '<span style="color:' + point.color + '">●</span> ' + point.series.name + ': <b>' + point.y + '</b><br/>'
     });

   } else {
    result = '<span style="color:' + this.color + '">●</span> ' + this.series.name + ': <b>' + this.y + '</b><br/>'
   }

   return result;
 }

pointFormatter:function（）{
var thisChart=this.series.chart，
pointIndex=this.index，
指向
结果=''；
if（thisChart==Highcharts.charts[Highcharts.hoverChartIndex]）{
Highcharts.charts.forEach（函数（图表）{
点=图表。系列[0]。点[pointIndex]；
结果+='● ' + point.series.name+'：'+point.y+'

});
}否则{
结果● ' + this.series.name+'：'+this.y+'

}
返回结果；
}


现场演示：

API参考：

 pointFormatter: function() {
   var thisChart = this.series.chart,
     pointIndex = this.index,
     point,
     result = '';

   if (thisChart === Highcharts.charts[Highcharts.hoverChartIndex]) {
     Highcharts.charts.forEach(function(chart) {
       point = chart.series[0].points[pointIndex];

       result += '<span style="color:' + point.color + '">●</span> ' + point.series.name + ': <b>' + point.y + '</b><br/>'
     });

   } else {
    result = '<span style="color:' + this.color + '">●</span> ' + this.series.name + ': <b>' + this.y + '</b><br/>'
   }

   return result;
 }