title: Highcharts: Draw line from data markers to axis?
body: <p>I'm trying to make this combination chart in Highcharts:</p>
  
  <p><a href="https://i.stack.imgur.com/JvtVu.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/JvtVu.png" alt="enter image description here"></a></p>
  
  <p>So I'm wondering how to draw that dashed line from the data points out to the axes. </p>
  
  <p>The <code>Y-Axis</code> is a percentage, and the <code>X-axis</code> is a date.</p>
  
  <p>Currently, I'm combining a spline chart, area chart, and stacked column chart.</p>
  
  <p>My series data currently looks like this:</p>
  
  <pre><code>series: [{
      type: 'spline',
      name: 'Average',
      data: [0, 50, 85, 95, 95, 95, 97],
      dashStyle: 'shortdash',
      marker: {
        radius: 8,
        lineWidth: 2,
        lineColor: 'skyblue',
        fillColor: 'white',
        symbol: 'triangle'
      }
    },
    {
      type: 'area',
      name: ' ',
      color: '#D8E1E8',
      data: [0, 0, 15, 25, 25],
      marker: {
        radius: 8,
        fillColor: 'skyblue',
        symbol: 'triangle'
      }
    },
  
    {
      type: 'area',
      name: ' ',
      color: '#FFFFCB',
      data: [0, 0, 15, 15, 15],
      marker: {
        radius: 1,
      },
      dataLabels: {
        enabled: false
      }
    },
    {
      type: 'area',
      name: ' ',
      color: '#B5E9FF',
      data: [0, 50, 55, 55, 55],
      marker: {
        radius: 1,
      },
  
    },
    {
      name: 'John',
      color: '#990000',
      data: [0, 13, 0]
    }, {
      name: 'Jane',
      color: '#FFB900',
      data: [0, 12, 0]
    }, {
      name: 'Joe',
      color: '#647D2D',
      data: [0, 24, 0]
    }
  ]
  </code></pre>