title: Is there a simple way to turn this D3 Multi-Line Chart into an Area Chart?
body: <p>I am fairly new to D3 and I am trying to make a stacked area chart with no success (similar in looks this one: <a href="http://nvd3.org/examples/stackedArea.html" rel="nofollow">http://nvd3.org/examples/stackedArea.html</a>).  </p>
  
  <p>So far I have a stacked multi-line chart, so I was hoping there might be an easy way to just fill in the color down to the bottom of the graph, but when I try to do the fill, it colors it wrong.  Here is a fiddle to help (although the code doesn't start until line 1707 because the first chunk is the JSON: <a href="https://jsfiddle.net/wL04qqk1/2/" rel="nofollow">https://jsfiddle.net/wL04qqk1/2/</a></p>
  
  <p>In the CSS, I tried making it look like this:</p>
  
  <pre><code>.line1 {
    fill: #0066CC;
    stroke: #003D7A;  /*stroke: steelblue;*/
    stroke-width: 2px;
  }
  </code></pre>
  
  <p>But it doesn't fill it in properly.</p>
  
  <p>Thank you so much for your help!!</p>