A straight-forward Bipolar chart that has a high vmargin setting and uses the grow effect. The center labels are bolded too. There's a title and subtitle. The chart is set to be grouped - but since there's only one dataset it doesn't make a whole lot of difference
<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>