# A single web page Bar chart example which has inlined the RGraph libraries

Put this at the BOTTOM of the page

    <script>
        // Put the source code of the RGraph.common.core.js file
        // here - all 10,000+ lines of it.
    </script>

    <script>
        // Put the source code of the RGraph.bar.js file
        // here.
    </script>

Put this where you want the chart to show up:

    <div style="display: inline-block; margin: 35px">
        <canvas id="cvs" width="600" height="300">[No canvas support]</canvas>
    </div>

This is the code that generates the chart - it uses the `window.onload` event so you can put it anywhere:

    <script>
        window.onload = function ()
        {
            new RGraph.Bar({
                id: 'cvs',
                data: [45,23,56,15,58,59,45],
                options: {
                    xaxisLabels: ['Jill','Joseph','Joe','Jim','July','Jake','John'],
                    textSize: 20,
                    backgroundGridVlines: false,
                    backgroundGridBorder: false,
                    xaxis: false,
                    yaxis: false
                }
            }).draw();
        };
    </script>