プログラムでハイマップのシェイプカラーを変更する

Question

ハイマップライブラリで作成されたマップは、管理境界と都市という2つのシリーズから構成されています。 その側にすべての管理者のリストがあり、この項目のそれぞれには、マウスのホバーイベントが添付されています。 私はを強調表示しようとしていますが、を選択することなく、マウスが管理テキストの上にあるときに地図上の相対的な形が強調されます。 ハイマップの機能で作れましたが、私はマルチセレクションを有効にして他の目的に使用しているので、もう使用できません。

私がしようとしているのは、一連の特定の点のを手動で/プログラムで変更することです。ここ

あなたがマップ内の特定の国の色を変更するためのPoint.update（）を使用することができるはずのリスト項目

$("ul#admins li").mouseover(function() { 
    var adminCode = $(this).attr('id')); //retrieve the adminCode 
    var chart = $('#mapContainer').highcharts(); 
    for (var i = 0; i < chart.series[0].data.length; i++) { 
     if (chart.series[0].data[i].Code == adminCode) { 
      //I've got the map element to highlight... 
      //..but how I can do change its color? 

      //before I was using this method, selecting directly, but now 
      //I don't want to select it, only change its color. 
      chart.series[0].data[i].select(true, false); 
      break; 
     } 
    } 
}); 

Answer 1

にmouseoverイベントで実行されるコードです：

function(chart) { 
    $('.btn').click(function() { 
     chart.series[1].data[0].update({ 
     color: 'red' 
     }) 
    }) 
} 

たとえば、ここではマップシリーズから最初のポイントの色を変更しています。

は、ここではそれが動作する方法の例を見ることができます：http://jsfiddle.net/x14dm93u/