title: How to apply to different bground color for each area in Chart.js
body: <p><strong>In react-chartjs-2</strong></p>
  <p>In <strong>Line chart</strong> every grid should have different background colors.</p>
  <p>Is this achievable with this library?</p>
  <p>This is how LineChart should looks:
  <a href="https://i.stack.imgur.com/ZayIy.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/ZayIy.png" alt="enter image description here" /></a></p>
  <p>This is my Code/configuration:</p>
  <pre><code>const options = {
          responsive: true,
          scales: {
              y: {
                  grid: {
                      backgroundColor: [
                          'rgba(36, 206, 0, 0.8)',
                          'rgba(255, 255, 0, .8)',
                          'rgba(255, 162, 0, 0.8)',
                          'rgba(36, 206, 0, 0.8)',
                      ],
                  },
      };
  </code></pre>
  <p>Thanks for reading.</p>