Using the SVG AJAX functions to load data from your server

  Read comments...

The SVG libraries include a set of AJAX functions which contains functions that you can use to load data from your server.

The RGraph SVG libraries incorporate AJAX functions that make it easy for you to fetch data from your server and then use it to create your charts. You can use them by simply including the file RGraph.svg.common.ajax.js in your page and then use the functions like the following example shows.

See also:
There's also a dedicated CSV reader that fetches data via AJAX. The CSV reader is documented here.

<script src="RGraph.svg.common.core.js"></script>
<script src="RGraph.svg.common.ajax.js"></script>
<script src=""></script>

    RGraph.SVG.AJAX.getjson('/getdata.html?json', function (json)
        RGraph.SVG.AJAX.getJSON('/getdata.html?json', function (json)
            var bar = new RGraph.SVG.Bar({
                id: 'chart-container',
                options: {
                    xaxisLabels: json.labels,
                    hmargin: 5,
                    backgroundGridVlines: false,
                    backgroundGridBorder: false,
                    yaxis: false,
                    yaxisMax: 100,
                    gutterLeft: 50,
                    shadow: true,
                    shadowOpacity: 0.1,
                    colors: ['Gradient(#8686C6:#8686C6:white)']

The functions that are availablecan just fetch the desired resource or can go further, such as the getJSON() function which doesn't return the string that the server provides; it turns into a usable JavaScript object for you. Here are the functions:

If you like RGraph please share it: