This demonstrates a logarithmic chart using log(10)
. It has
custom Y labels.
<script src="RGraph.common.core.js"></script> <script src="RGraph.line.js"></script>Put this where you want the chart to show up:
<canvas id="cvs" width="600" height="250"> [No canvas support] </canvas>This is the code that generates the chart:
<script>
data = [999999,5,6,4,6,8012,12,7];
for (var i=0;i<data.length; ++i) {
data[i] = RGraph.log(data[i], 10); // This function is in RGraph.common.core.js
}
// Create the Line chart and then use the set()
method to configure
// it so that it can be used in the configuration
var line = new RGraph.Line({
id: 'cvs',
data: data
});
line.set({
yaxisTickmarksCount: 6,
yaxisScaleMax: 6,
yaxisLabelsSpecific: ['1,000,000','100,000','10,000','1,000','100','10','0'],
xaxisLabels: ['Pob','Libby','June','Hoolio','Jane','Daz','Luis','John'],
xaxisTickmarksCount: 7,
textSize: 14,
marginLeft: 95,
backgroundGridHlinesCount: 6,
backgroundGridVlinesCount: 7
}).draw();
</script>