Highcharts十字线标签是传奇的背后

Question

当十字准线标签太长时，它会到达图例。传说是在十字准线标签上，因为它后来出现在Highcharts svg的代码中。 xAxis.crosshair.zIndex根本不会影响它。 任何想法如何让它成为前锋？

以下是代码示例：http://jsfiddle.net/oeuakvva/4/

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/