Highcharts散點圖中的高光點？

Question

我有一個Highcharts散點圖，我想讓用戶按ID或名稱搜索特定點，並突出顯示它。

我一直在閱讀Highcharts文檔，但我無法看到如何以編程方式執行此操作。

現在我剛剛編寫了一個按鈕，一個簡單的演示：http://jsfiddle.net/gh/get/jquery/1.9.1/highslide-software/highcharts.com/tree/master/samples/highcharts/demo/scatter/

$('#container').highcharts({ 
    chart: { 
     type: 'scatter', 
     zoomType: 'xy' 
    }, 
    ... 
}); 
$('#clickme').click(function() { 
    console.log('clicked'); 
    // how to highlight a particular point, say by 
    // value or by name? 
}); 

我想它延伸，使得如果用戶點擊該按鈕，在圖表中的一個點（在此它可以通過索引來選擇）突出顯示。

這是可能在Highcharts？

我想我可以在點上點擊'點擊'或'懸停'事件，如果沒有其他方式來突出顯示它，也許？

Answer 1

您可以在點上調用setState函數，然後應用SELECT/HOVER。

$('#btn').click(function(){ 
     chart.series[0].data[2].setState('hover'); //alternatively SELECT state. 
    }); 

例子：http://jsfiddle.net/74s1cbmq/1/

Answer 2

這應該讓你得到的問題點： Selecting a point by ID using Highcharts

然後你可以選擇它（代碼）： http://api.highcharts.com/highcharts#series .data.selected

，這將導致此事件觸發： http://api.highcharts.com/highcharts#plotOptions.series.point.events.select