# A Line chart with color bands

This is a demo that uses a gradient to achieve a banded look. Previously this demo used custom coding to achieve the same effect. There are two separate gradients in use here - one for the line color and one for the fill.

This version of the chart is much easier and less code than the previous version.

This goes in the documents header:

    <script src="RGraph.common.core.js"></script>
    <script src="RGraph.line.js"></script>

Put this where you want the chart to show up:

    <canvas id="cvs" width="950" height="350">
        [No canvas support]
    </canvas>

This is the code that generates the chart - it should be placed AFTER the canvas tag(s):