Highcharts 十字准线标签在图例后面

Question

当十字准线标签太长时，它会到达图例。图例位于十字准线标签之上，因为它稍后出现在 Highcharts svg 的代码中。 xAxis.crosshair.zIndex 完全没有影响。知道如何让它向前发展吗？

Highcharts.stockChart('container', {
    legend: {
        enabled: true,
        borderColor: 'black',
        borderWidth: 2
    },
    rangeSelector: {
        selected: 1
    },
    series: [{
        name: 'ADBE',
        data: ADBE
    }, {
        name: 'MSFT',
        data: MSFT
    }],
    tooltip: {
      enabled: false
    },
    xAxis: {
      crosshair: {
        label: {
          enabled: true,
          formatter: function(){
            return "ddd<br>lllllll<br>oooooooo<br>wwwwwwww<br>vvvvvvvvvv<br>lllllll<br>oooooooo<br>wwwwwwww<br>vvvvvvvvvv";
          }
        }
      }
    }
});

Answer 1

加载图表后，您可以在 svg 树中上移图例：

Highcharts.stockChart('container', {
  chart: {
    events: {
      load () {
        this.legend.group.attr({
          zIndex: -99
        })
      }
    }
  },

在某些情况下，可能还需要在 chart's redraw 之后执行此操作。

实例：http://jsfiddle.net/d6k8yd8g/

Highcharts 十字准线标签在图例后面

Highcharts crosshair label is behind legend

javascript

svg

legend

highcharts

highstock