title: How to add color under a single line graph with Morris.js
body: <p>I am currently using Morris.js to draw graphs for an Android application.
  I pass in data that contains points for 1 single line. Donations and Dates. I am trying to add color to the bottom side of the line graph but cannot figure out how to do it.</p>
  
  <p><img src="https://i.stack.imgur.com/1IyFB.png" alt="This is the style I am trying to replicate"></p>
  
  <p>This is the style I am trying to replicate.</p>
  
  <p><img src="https://i.stack.imgur.com/y1Rkw.png" alt="enter image description here"></p>
  
  <p>But under a single line.</p>
  
  <p>I have edited the Morris.js code and also passed in as many different options to Morris.Line but to no avail. This is currently the code I am using to setup the graph. I thought the 'fillOpacity' option would work but it hasn't. Is there an option that I am missing? Or is there a duplicate answer to this I have passed over?</p>
  
  <pre><code>    var xKey = "day"
      var yKey = 'funds'
      var jsonData
  
      var graph = Morris.Line({
              element: 'graph',
              data: jsonData,
              xkey: xKey,
              ykeys: [yKey],
              labels: ['funds gathered'],
              smooth: true,
              resize: true,
              parseTime: true,
              grid: false,
              fillOpacity: true
          });
  
      function setGraph(data) {
          graph.setData(data);
      }
  </code></pre>