A basic SVG Bar chart using the AJAX getString() function

This is a demonstration of the RGraph.SVG.AJAX.getString() function. This function fetches information from your server and returns it to you as a string without any number conversion - so you could use it to fetch labels or other text for example.

This goes in the documents header:
<script src="RGraph.svg.common.core.js"></script>
<script src="RGraph.svg.common.ajax.js"></script>
<script src="RGraph.svg.bar.js"></script>
Put this where you want the chart to show up:
<div style="width: 750px; height: 300px" id="chart-container"></div>
This is the code that generates the chart:
<script>
    state = {
        first: true,
        bar:  null
    };

    // This is the function that runs every second to fetch new data
    function update ()
    {
        RGraph.SVG.AJAX.getString('/getdata.html', function (str)
        {
            arr = str.split(/,/);

            for (var i=0; i<arr.length; ++i) {
                arr[i] = Number(arr[i]);
            }
            
            // Clear the chart if need be
            if (!state.first) {
                RGraph.SVG.clear(state.bar.svg);
            }


            state.bar = new RGraph.SVG.Bar({
                id: 'chart-container',
                data: arr,
                options: {
                    backgroundGridVlines: false,
                    backgroundGridBorder: false,
                    xaxis: false,
                    yaxis: false,
                    xaxisLabels: ['Angela','Beatrix','Carol','Dana','Eva','Fay','Gina','Hetty','Indra','Jocey']
                }
            }).draw();
            
            state.first = false;
        });

        setTimeout(function ()
        {
            update()
        }, 1000);
    }

    // Initiate the first AJAX request
    update();
</script>