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 中可行吗？

我想如果没有其他方法可以突出显示该点，我想我可以触发一个 'click' 或 'hover' 事件，也许吧？

Answer 1

这应该能让您明白问题所在： Selecting a point by ID using Highcharts

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

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

Answer 2

您可以在点上调用 setState 函数，然后应用 SELECT / HOVER。

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

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

Highcharts 散点图中的亮点？

Highlight point in Highcharts scatter graph?

javascript

highcharts