An SVG Line chart using a logarithmic scale

Here we have a logarithmic Line chart with a scale that goes from 0 - 1,000,000 allowing you to show some greatly differing values. To use this sort of chart you need to convert your data into the correct format first. There's an RGraph.SVG.log() function in the RGraph libraries that you can use to convert your data into the correct format. There's a demonstration in the code below - it's very simple.

This goes in the documents header:
<script src="../libraries/RGraph.svg.common.core.js" ></script>
<script src="../libraries/RGraph.svg.line.js" ></script>
Put this where you want the chart to show up:
<div style="width: 750px; height: 300px" id="chart-container"></div>
This is the code that generates the chart:
<script>
    data = [0,10,0,100,0,1000,0,10000,0,100000];
    
    for (var i=0; i<data.length; ++i) {
        if (data[i] > 0) {
            data[i] = RGraph.SVG.log({num:data[i], base: 10});
        }
    }

    new RGraph.SVG.Line({
        id: 'chart-container',
        data: data,
        options: {
            xaxisLabels: ['','A','','B','','C','','D','','E'],
            yaxisScale: false,
            yaxisLabels:['0','10','100','1,000','10,000','100,000','1,000,000'],
            gutterLeft: 100,                
            backgroundGridHlinesCount: 6,
            yaxisLabelsCount: 6,
            yaxisMin: 0,
            yaxisMax: 6,
            linewidth: 3,
            yaxis: false,
            xaxis: false,
            backgroundGridVlines: false,
            backgroundGridBorder: false
        }
    }).trace();
</script>