高图散点图中的突出显示点

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

这应该可以让您了解相关观点：使用高图表按 ID 选择点

然后你可以选择它（在代码中）：http://api.highcharts.com/highcharts#series.data.selected

这将导致此事件触发：http://api.highcharts.com/highcharts#plotOptions.series.point.events.select