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

我想我可以点击＆＃39;点击＆＃39;或者＆＃39;悬停＆＃39;如果没有其他方法可以突出显示它，可能会发生什么事情？

Answer 1

您可以在point上调用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

突出显示Highcharts散点图中的点？

2 个答案: