This demonstrates a logarithmic chart using log(10). It has custom Y labels.
This goes in the documents header:<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>
window.onload = function ()
{
var data = [1000000,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 Bar and then use the set method to configure
// the chart so that the Bar object can be used in the
// configuration
var bar = new RGraph.Bar({
id: 'cvs',
data: data
});
bar.set({
numyticks: 6,
ymax: 6,
ylabelsSpecific: ['1,000,000', '100,000', '10000', '1,000', '100', '10', '0'],
labels: ['Pob','Libby','June','Hoolio','Jane','Daz','Luis','John'],
numxticks: 8,
textSize: 14,
gutterLeft: 95,
backgroundGridAutofitNumhlines: 6,
backgroundGridAutofitNumvlines: 7,
strokestyle: 'transparent',
shadow: false,
textAccessible: true
}).draw();
};
</script>