javascript - 如何在 HighCharts 散点图上设置点的 z 索引？

Question

我正在使用 HighCharts 绘制几百个点。每个点都有一个不透明度值，突出显示时变为红色。但是，当我突出显示某些点时，很难看到它们，因为点的绘制过多。

我希望所选点清晰可见，如下所示:

我使用以下代码在图表上选择点:

updateChart = function(x){

    for (i=0; i<chart.series[0].data.length; i++){

        if(chart.series[0].data[i].config[2] == x){       
            chart.series[0].data[i].graphic.attr({'fill':'red', 'z-index':1000})
        }
        else{
            chart.series[0].data[i].graphic.attr('fill', 'rgba(0,255,0,0.6)')
        }        
    }
}

我试过设置点的 z-index 值，但似乎没有什么区别(我也试过 'z-index':'1000' )。有没有其他方法可以确保突出显示的点显示在所有其他点之上？

Answer 1

2014 年更新

这是一个老问题，但我想我会在 2014 年为 highcharts 更新它。现在可以使用内置方法 Element.toFront() 自动弹出和重新附加到顶部。

在数据索引 i 处移动点的示例将是:

chart.series[0].data[i].graphic.toFront()

这就是全部!

API source