# A VProgress chart using the CSV reader

Note: For browser security reasons the AJAX demos don't work offline. You can view the demos on the RGraph website here: http://www.rgraph.net/demos

This demo fetchs the first row of the CSV file (not including the labels) but only uses the first value (as the VProgress value)

This goes in the documents header:

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

Put this where you want the chart to show up:

    <canvas id="cvs" width="100" height="400">
        [No canvas support]
    </canvas>

This is the code that generates the chart:

    <script>
        window.onload = function ()
        {
            new RGraph.CSV('/sample.csv', function (csv)
            {
                // Fetch the the first row
                var row = csv.getRow(0, 1);

                var vprogress = new RGraph.VProgress({
                    id: 'cvs',
                    min: 0,
                    max: 10,
                    value: row[0],
                    options: {
                        margin: 10,
                        textAccessible: true
                    }
                }).draw();
            });
        };
    </script>

« Back