A Bar chart in a ModalDialog
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.modaldialog.js"></script>
<script src="RGraph.bar.js"></script>
This is the code that generates the chart:
<script>
ModalDialog.Show('string:');
new RGraph.Bar({
id: 'cvs',
data: [12,18,10,9,6,20,18],
options: {
tooltips: ['Monday','Tuesday','Wednesday','Thursday','Friday','Saturday','Sunday'],
xaxisLabels: ['Monday','Tuesday','Wednesday','Thursday','Friday','Saturday','Sunday'],
yaxisScaleUnitsPost: 'k',
shadow: false,
colors: ['red'],
colorsStroke: 'rgba(0,0,0,0)',
textSize: 14,
title: 'A Bar chart inside a ModalDialog',
yaxisTickmarksCount: 5,
xaxis: false
}
}).draw();
RGraph.tooltips.style.zIndex = 99999;
</script>