title: How to draw vertical lines on Highcharts graph?
body: <p>I am using Highcharts, I want to draw vertical lines on the values. Like;</p>
  
  <p><img src="https://i.stack.imgur.com/zEpTT.jpg" alt="enter image description here"></p>
  
  <p>How can I do that ? Thanks.</p>
  
  <p>Here is my code</p>
  
  <pre><code>        &lt;script type="text/javascript"&gt;
  
  $(function () {
      var chart;
  $(document).ready(function() {
  
      chart = new Highcharts.Chart({
          chart: {
              renderTo: 'container',
              type: 'area'
          },
      title: {
          text: '&lt;b&gt; &lt;/b&gt;'
      },
          xAxis: {
  
              labels: {
                  formatter: function() {
                      return this.value; // clean, unformatted number for year
                  }
              }
          },
          yAxis: {
              labels: {
                  formatter: function() {
                      return this.value / 1000 +'k';
                  }
              }
          },
          tooltip: {
              formatter: function() {
                  return '&lt;b&gt;'+ Highcharts.numberFormat(this.y, 0) +'&lt;/b&gt;';
              }
          },
              xAxis: {
          categories: [
              'Mon',
              'Tue',
              'Wed',
              'Thu',
              'Fri',
              'Sat',
              'Sun'
          ],
          plotBands: [{ // visualize the weekend
              from: 5.5,
              to: 6.5,
              color: 'rgba(68, 170, 213, .2)'
          }]
      },
  
          plotOptions: {
  
              area: {
                  pointStart: 1,
                  marker: {
                      enabled: false,
                      symbol: 'circle',
                      radius: 1,
                      states: {
                          hover: {
                              enabled: true
                          }
                      }
                  }
              }
          },
          series: [{
              name: 'Visit',
              data: [946, 733, 764, 887, 832,1423]
          }, {
              name: 'Unique',
              data: [746, 633, 664, 687,702,1266]
          }]
      });
  });
  
  });
      &lt;/script&gt;
  </code></pre>