# A Bar chart using AJAX

Here is an example of a 3D variation of the Bar chart which is both animated using the `grow` effect and which is also fetching its data via `AJAX`.

The `AJAX` script is a simple one that just outputs a sequence of random numbers. You can see the script directly by going here.

If you view the `AJAX` script you'll see that it just outputs the numbers and nothing else - so no labels or title. So on the chart, the labels are just hardcoded.

The rest of the configuration is pretty straightforward - and you can see it below.

When the screen is smaller the `canvas` dimensions are reduced, the `marginInner` is reduced and the `textSize` is reduced as well.

This goes in the documents header:

    <script src="RGraph.common.core.js"></script>
    <script src="RGraph.common.dynamic.js"></script>
    <script src="RGraph.common.tooltips.js"></script>
    <script src="RGraph.bar.js"></script>

Put this where you want the chart to show up:

    <div style="float: right">
        <canvas id="cvs" width="600" height="250">[No canvas support]</canvas>
    </div>

This is the code that generates the chart - it should be placed AFTER the `canvas` tag(s):