在 Highcharts 中将标记带到网格线的前面答案

【问题标题】：Bring marker to front of grid line in Highcharts在 Highcharts 中将标记带到网格线的前面
【发布时间】：2018-04-12 09:32:32
【问题描述】：

目前我可以在我的 jsfiddle 中使用配置制作图表。但剩下的一件事是我希望标记（点）显示在网格线上方。根据我的研究，highchart 标记没有 zIndex 选项。

http://jsfiddle.net/ngoclamnn/jsegagwp/1/

尝试使用此代码：

function(chart){
   console.log(chart);
   chart.series[1].graph.toFront();
   chart.series[1].group.toFront();
   chart.series[1].markerGroup.toFront();
}

但它仍然没有成功。希望有人可以帮忙:)

【问题讨论】：

类似于this question，在标准选项中似乎没有办法做到这一点。您必须使用 highchart 渲染器自己绘制标记，或者手动修改在 DOM 中生成的 SVG。两者都不是直截了当的。我建议直接向 HighCharts 提出功能请求。
谢谢！我会联系 highcharts 支持团队。

标签： javascript jquery html charts highcharts

【解决方案1】：

该功能在 Highcharts 中不可用，因为所有系列都在同一个组中。您可以（如 cmets 中所建议的）操纵 DOM。

演示：http://jsfiddle.net/qaytamvy/

该解决方案可能不适用于所有情况 - 例如动态图表更改，因此请记住，这更像是一个 POC，而不是一个可靠的修复。

【讨论】：