A basic Bar chart

Summary: This is a simple example of a Bar chart that illustrates a basic configuration. RGraph has many basic examples of charts in the download archive.

[No canvas support]

An example of a straight-forward Bar chart. It has the axes turned off, the default margin sizes have been altered and uses units on the Y axis labels. Otherwise it's pretty unremarkable except for the fact that two of the labels are multi-line. This is accomplished by using carriage returns in the text like this: Monday\n(yuck!)

When the screen is smaller the size of the canvas is reduced, the size of the text is reduced and the labels are changed so that the weekday names are the three letter versions.


This goes in the documents header:
<script src="RGraph.common.core.js"></script>
<script src="RGraph.bar.js"></script>
Put this where you want the chart to show up:
<div style="padding: 15PX">
    <canvas id="cvs" width="750" height="250">[No canvas support]</canvas>
</div>
This is the code that generates the chart: