An SVG Bipolar chart using the grow effect
This goes in the documents header:
<script src="RGraph.svg.common.core.js"></script>
<script src="RGraph.svg.bipolar.js"></script>
Put this where you want the chart to show up:
<div style="padding: 15px">
<div style="width: 600px; height: 500px" id="chart-container"></div>
</div>
This is the code that generates the chart:
<script>
new RGraph.SVG.Bipolar({
id: 'cc',
left: [4,8,6,3,5,8,9],
right: [6,7,9,6,6,3,5],
options: {
yaxisLabels: ['Monday','Tuesday','Wednesday','Thursday','Friday','Saturday','Sunday'],
yaxisTextBold: true,
yaxisTextItalic: true,
grouping: 'grouped',
vmargin: 15,
title: 'An SVG Bipolar chart using the grow effect',
titleSubtitle: 'A subtitle to go along with the title',
gutterTop: 50
}
}).grow();
</script>
« Back