# A demo of a logarithmic chart

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 = [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 and then use the set method to configure
            // the chart so that the line object can be used in the
            // configuration
            var line = new RGraph.Line({
                id: 'cvs',
                data: data
            });

            line.set({
                numyticks: 6,
                ymax: 6,
                ylabelsSpecific: ['1,000,000','100,000','10,000','1,000','100','10','0'],
                labels: ['Pob','Libby','June','Hoolio','Jane','Daz','Luis','John'],
                numxticks: 7,
                textSize: 14,
                gutterLeft: 95,
                backgroundGridAutofitNumhlines: 6,
                backgroundGridAutofitNumvlines: 7
            }).draw();
        };
    </script>