ChartJS Line Charts - remove color underneath lines
<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>