title: Change Morris area chart
body: <p>I would like to custom my area chart color, what should I do?</p>
  
  <p>This is my code:</p>
  
  <pre><code>$.getJSON("http://10.30.6.69:1200/WebAPI.aspx/?api=RequestPostFiveMins", function (data4) {
  
      new Morris.Area({
          backgroundColor: '#ccc',
          labelColor: '#060',
  
          // ID of the element in which to draw the chart.
          element: 'POSTFIVEMINS',
          // Chart data records -- each entry in this array corresponds to a point on
          // the chart.
          data: data4,
          // The name of the data record attribute that contains x-values.
          xkey: 'Time',
          // A list of names of data record attributes that contain y-values.
          ykeys: ['Total', 'Success', 'Error'],
          // Labels for the ykeys -- will be displayed when you hover over the
          // chart.
          labels: ['Total', 'Success', 'Error'],
          parseTime: false,
          hideHover: 'auto',
  
  
  
  }).progress(function () {
      $(document.getElementById("POSTFIVEMINSID").style.display = "");
  }).done(function () {
      $(document.getElementById("POSTFIVEMINSID").style.display = "none");
  });
  </code></pre>