javascript - ハイチャート、Point.select イベント内で 2 番目のポイントを選択する

Question

$(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++;
  });


});

http://jsfiddle.net/rphne/

http://jsfiddle.net/rphne/5/

私がそこで達成しようとしていることを見ることができます。基本的に、select イベントが発生した後、同じグラフ上のポイントと 2 番目のグラフ上のポイントを選択したいと考えています。

上記の例では、チャート 1 とチャート 2 の同じポイントを選択する必要があり、chart1 はそれ自体の 2 番目のポイントを選択する必要があります。

.Select(true,true) を実行するだけで蓄積されると考えましたが、選択イベント内で実行すると失敗します。コールバック イベントのようなものを探しているので、Select が正常に完了した後、追加の選択を行うことができると思います。

何かアドバイス？