Horizontal crosshairs for multiple series

问题

It seems like when I enable crosshair for the yAxis, only the last series defined get a crosshair. I would like all of them to be crosshaired.

(.. and I would love if they also had the color (or preferably a darker variant) as the series.)

回答1:

You can create an y axis per series, link those additional axes to the first one and define a specific crosshair in each axis - then link series with a specific axis and you will get an seperate customizable crosshair per series.

Highcharts.chart('container', {
    yAxis: [{
      gridLineWidth: 0,
      crosshair: {
        width: 2,
        color: Highcharts.getOptions().colors[0]
      }
    }, {
      linkedTo: 0,
      crosshair: {
        width: 2,
        color: Highcharts.getOptions().colors[1]
      },
      visible: false
    }],

    tooltip: {
      shared: true
    },

    series: [{
        data: data.slice()
    }, {
      yAxis: 1,
      data: data.reverse()
    }]
});

example: http://jsfiddle.net/absuLu6h/

来源：https://stackoverflow.com/questions/41744913/horizontal-crosshairs-for-multiple-series