Showing the ModalDialog with the dollar events

Here there is a straight-forward Bar chart that uses the dollar events to add some interactivity to the chart. When the second bar is clicked a ModalDialog is shown to the user. This dialog could then show further information to the user.

This goes in the documents header:

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

Put this where you want the chart to show up:

<canvas id="cvs" width="650" height="250">
    [No canvas support]
</canvas>

This is the code that generates the chart: