title: ChartJS Line Charts - remove color underneath lines
body: <p>Okay, so I have a ChartJS line chart working that populates directly from data coming for my db.
  What I need now is to get rid of the color underneath each of the lines. [as seen in the screenshot below].</p>
  <p><a href="https://i.stack.imgur.com/SY5hu.png" rel="noreferrer"><img src="https://i.stack.imgur.com/SY5hu.png" alt="Example of Graph" /></a></p>
  <p>Here's my HTML:</p>
  <pre><code>&lt;div ng-if=&quot;hasData&quot;&gt;
      &lt;canvas id=&quot;line&quot; class=&quot;chart chart-line&quot; data=&quot;data&quot; labels=&quot;labels&quot; legend=&quot;true&quot; series=&quot;series&quot; options=&quot;options&quot; click=&quot;onClick&quot;&gt;&lt;/canvas&gt;
  &lt;div&gt;
  </code></pre>
  <p>Here's My JS:</p>
  <pre><code>            scope.labels = ['02:00','04:00','06:00', '08:00', '10:00', '12:00','14:00', '16:00', '18:00', '20:00', '22:00'];
              scope.series = series;
              scope.data = [volumesSelectedDate, volumesPeakDate, volumesModelCapacity];
              
                              
              scope.options = {
                  scaleOverride: true,
                  scaleStartValue: 0,
                  scaleSteps: 11,
                  scaleStepWidth: 6910,
              }
              
              scope.loadingDailyAppVolumes = false;
              scope.hasData = true;
              
              
          };
          scope.onClick = function (points, evt) {
              //console.log(points, evt);
          };
      
  </code></pre>
  <p>So, how would I go about this?
  Also, how would I go about manually setting the color for each line?</p>
  <p>Example:</p>
  <p>selected date: blue,
  peak date: yellow,
  model capacity: grey.</p>
  <p>Thanks.</p>