Javascript 使用DOM绘制区域上方的Highcharts绘图线

我希望绘制线在lastright now区域覆盖它们时进行渲染。如果我使用Zindex宽度增加，但看起来不整齐，我也会尝试使用线宽。 我这样做是为了使标记位于绘图线上方，但它不适用于区域上方的绘图线。我做错什么了吗

componentDidRender() {
if(this.shadowRoot) {
var markers0 = this.shadowRoot.querySelector('.highcharts-markers.highcharts-series-0');
  var plotLines0 = this.shadowRoot.querySelector('.highcharts-plot-lines-4');
  var area0 = this.shadowRoot.querySelector('.highcharts-area-series');

/// plotlines below markers - works
  if(plotLines0 && plotLines0.parentNode && markers0)
     plotLines0.parentNode.insertBefore(markers0, plotLines0.nextSibling);

// markers below area - works 
 // markers0.parentNode.insertBefore(area0, markers0.nextSibling);

//area below plotlines- doesnt work
  //if(area0 && area0.parentNode && plotLines0)
  //area0.parentNode.insertBefore(plotLines0, area0.nextSibling);

---

如果我对绘图线下方的区域运行该代码，则不会发生任何更改

您可以通过以下方式删除倒数第二条网格线：

chart: {
    events: {
        load: function() {
            var prevTick;

            Highcharts.objectEach(this.yAxis[0].ticks, function(tick) {
                if (tick.isLast) {
                    prevTick.gridLine.destroy();
                }

                prevTick = tick;
            });
        }
    }
},

---

现场演示：

如果您提供了一个JSFIDLE来复制图表，将更容易为您提供帮助。我这里有一个FIDLE，只是为了澄清我的问题，不使用Zindex是否可以显示绘图线？像insert before或appendchildHi Arnis一样，为什么不使用zIndex属性？可以在点的上方或下方渲染打印线：因为这样会使线看起来更厚。我想要普通的网格线，但这是不可能的，因为我必须重新绘制一条绘图线，我也看不到删除一条特定网格线的方法。我使用的方法可以设置最后渲染哪个元素，但由于某些原因，该方法不适用于该区域。@Arnis，我认为线条看起来不太粗。可以通过以下方式删除一条特定轴线：