title: ChartJS / Chartjs-plugin-annotation How to draw multiple vertical lines using an array?
body: <p>I want to create multiple vertical lines by supplying two array, the first called <code>marketing</code> which contains dates such as <code>"2017-09-21"</code> etc. and an array called <code>amount</code> which contains only numbers.</p>
  
  <p>I have created my line chart using ChartJS. The final result should look like this but with multiple lines. <a href="https://i.stack.imgur.com/Q2Tua.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/Q2Tua.png" alt="Expected chart"></a></p>
  
  <p>Here is my code so far</p>
  
  <pre><code>annotation: {
      drawTime: 'afterDatasetsDraw',
      annotations: [{
          type: 'line',
          mode: 'vertical',
          scaleID: 'x-axis-0',
          value: marketing,
          borderColor: 'green',
          borderWidth: 1,
          label: {
              enabled: true,
              position: "center",
              content: amount
          }
      }]
  }
  </code></pre>