javascript - Highcharts十字线标签落后于传奇

当十字线标签过长时，它将到达图例。十字线标签上有图例，因为该符号稍后出现在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";
          }
        }
      }
    }
});

最佳答案

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

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

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

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

关于javascript - Highcharts十字线标签落后于传奇，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/49685866/