An SVG Scatter chart with an X axis scale
This goes in the documents header:
<script src="RGraph.svg.common.core.js"></script>
<script src="RGraph.svg.scatter.js"></script>
Put this where you want the chart to show up:
<div style="width: 700px; height: 250px" id="chart-container"></div>
This is the code that generates the chart:
<script>
data = [
{x:156,y:5},{x:133,y:6},{x:451,y:6},
{x:121,y:6},{x:181,y:5},{x:142,y:4},
{x:183,y:5},{x:165,y:6},{x:138,y:7},
{x:116,y:6},{x:102,y:4},{x:153,y:5}
];
scatter = new RGraph.SVG.Scatter({
id: 'cc',
data: data,
options: {
xaxisScale: true,
xaxisUnitsPost: 'Kg',
xaxisMin:100,
xaxisMax: 200,
yaxis: false,
backgroundGridVlines: false,
backgroundGridBorder: false
}
}).draw();
</script>
« Back