A Line chart with a scrolling background image

[No canvas support]

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: 
<div id="container" style="overflow: hidden; position: relative; width: 600px; height: 250px;">
    <canvas id="cvs_chart" width="600" height="250" style="position: absolute; top: 0; left: 0; z-index: 1">[No canvas support]</canvas>
</div>

<style>
    button {
        font-size: 18pt;
        margin: 5px;
        padding: 5px;
    }
</style>

<button onclick="img.src = '../images/line-scrolling-background-image1.jpg'">Background one</button>
<button onclick="img.src = '../images/line-scrolling-background-image2.jpg'">Background two</button>
This is the code that generates the chart: