HighMaps分组悬停

Question

目标：在下面的演示中，如果你将鼠标悬停在右上角的状态上，你会看到它们都被命名为“Intermountain”。我需要他们全部突出显示悬停，文档没有提供详细信息如何执行此操作。

我尝试使用

   states: { 
        hover: { 
         enabled: true 
        } 
       }, 

，但它不会做什么，我需要。

演示：http://jsfiddle.net/TUy7x/781/

$(function() { 

    // Initiate the chart 
    $('#container').highcharts('Map', { 

     series: [{ 
      "type": "map", 

      states: { 
       hover: { 
        enabled: true 
       } 
      }, 
       "data": //more than highchart character limits 
    }); 
}); 

Answer 1

你能赶上鼠标悬停/鼠标移开，然后找到具有相同名称的所有点。

series:{ 
      point:{ 
       events:{ 
        mouseOver:function(){ 

         var series = this.series, 
          name = this.name; 

         $.each(series.data, function(i, data){ 
          if(data.name === name) { 
           data.setState('hover'); 
          } 
         }); 
        }, 
        mouseOut:function(){ 
         var series = this.series, 
          name = this.name; 

         $.each(series.data, function(i, data){ 
          if(data.name === name) { 
           data.setState(''); 
          } 
         }); 
        } 
       } 
      } 
     } 

实施例：http://jsfiddle.net/TUy7x/782/