Javascript HIghcharts，在Point.select事件中选择第二个点

你可以看到我正在努力实现的目标。本质上，我希望在同一个图形上选择一个点，以及在select事件发生后在第二个图形上选择一个点

在上面的例子中，它应该选择图表1和图表2上的同一点，以及图表1在自身上选择第二个点

我认为只要执行.Select（true，true）就会累积，但是在Select事件中执行时就会失败。我相信我正在寻找一种回调事件，这样在选择成功完成后，我就可以进行额外的选择

---

有什么建议吗？

在按钮操作中，您只能从一个图表中选择一个点，因为请使用

chart.series[0].data[i].select（）在第一个对象中。您只需要为第二张图表添加相同的操作


编辑：
还可以使用setState（）函数同步两个图表。
是的，在本例中，该功能很容易放置在.select按钮中，但是我打算通过某人单击图形本身来使用该功能。这就是为什么我一直在尝试在事件中使用这些功能，因为这是我能够处理事情的第一个调用端口。太酷了！如果您不介意的话，最后一个问题是，我添加了第二个数据系列，当您单击顶部图表中系列上的某个点时，它将突出显示系列2中的同一点。它会高亮显示它并将其标记为选中，但当您再次向外或向内悬停时，您可以看到它实际上是未选中的。有什么建议吗？所以当你们点击第一个图表，第一个系列，所选的点应该只在第二个系列，或者不在第二个系列。我不确定…忽略底部图表，当您单击顶部图表系列1时，它意味着在系列2上选择相同的点（反之亦然）。它显示它已选择S2上的同一点（带有白色标记），但当您将鼠标悬停在该点上时，它将消失。仅显示选定的1个点。
$(function () {
  var chart = {
    plotOptions: {
      series: {
        point: {
          'events' : {
            select: function(){
              var pId = this.series.data.indexOf(this);

              var chart1 = $('#container').highcharts();
              var chart2 = $('#container2').highcharts();


        //These are the extra selects I want to happen
        //chart1.series[0].data[5].select(true,true);
        //chart2.series[0].data[pId].select();

            }
          }
        }
      }
    },
    series: [{
      data: [29.9, 71.5, 106.4,
             129.2, 144.0, 176.0,
             135.6, 148.5, 216.4,
             194.1, 95.6, 54.4]
    }] 
  };
  $('#container').highcharts(chart);
  $('#container2').highcharts(chart);

  var chart = $('#container').highcharts();

  i = 0;
  $('#button').click(function() {
    if (i == chart.series[0].data.length) 
    i = 0; 

    chart.series[0].data[i].select();
    i++;
  });


});