# A dual-color scrolling Line chart

This demo has been adapted from the updating line chart in the docs.

Update
There's information on this HOWTO page about creating dual color Line charts using gradients. It's very simple and can be done using either the RGraph `Gradient()` shortcut or more directly with the canvas linear gradient functionality.

This goes in the documents header:

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

Put this where you want the chart to show up:

    <canvas id="cvs" width="600" height="250">
        [No canvas support]
    </canvas>

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