Hover on linked series

by kzoon

HTML

<script src="https://code.highcharts.com/highcharts.js"></script>
<script src="https://code.highcharts.com/modules/exporting.js"></script>

<div id="container" style="min-width: 310px; height: 400px; max-width: 800px; margin: 0 auto"></div>

JavaScript

Highcharts.chart('container', {



  chart: {
    type: 'scatter',

  },

  series: [{
      name: 'series A',
      id: 'A',
      color: 'blue',
      data: [
        [170.0, 59.0],
        [169.1, 75],
        [156, 82],
        [176.2, 66.8],
        [160.2, 75.2]
      ]
    },
    {
      name: 'series A line',
      id: 'Aline',
      color: 'blue',
      linkedTo: 'A',
      type: 'line',
      marker: {
        enabled: false
      },
      data: [
        [155, 85],
        [180, 57]
      ]
    },

    {
      name: 'series B',
      id: 'B',
      color: 'green',
      data: [
        [171.2, 70.6],
        [181.5, 59.0],
        [156, 70],
        [167.0, 63.0],
        [175.8, 53.6],

      ]
    },
    {
      name: 'series B line',
      id: 'Bline',
      color: 'green',
      linkedTo: 'B',
      type: 'line',
      marker: {
        enabled: false
      },
      data: [
        [155, 68],
        [182, 62]
      ]
    },


  ]
});