Jugal's Highchart & Highstock playground

http://stackoverflow.com/questions/14920587/highcharts-xaxis-logarithmic-type Jugal Thakkar http://jugal.me/

HTML

<script type="text/javascript" src="http://code.jquery.com/jquery-1.7.2.js"></script>
<script type="text/javascript" src="http://code.jugal.me/js/jugalsLib.js"></script>
<script type="text/javascript" src="http://code.highcharts.com/stock/highstock.src.js"></script>
<script type="text/javascript" src="http://code.highcharts.com/stock/modules/exporting.src.js"></script>
<div id="container"></div>

CSS

#container {
    min-width:500px;
}

JavaScript

var chartingOptions = {
    xAxis: [{
        type: 'logarithmic',
        title: {
            text: 'Construction Hours'
        }
    }],
    yAxis: [{
        labels: {
            formatter: function () {
                return this.value;
            },
            style: {}
        },
        showEmpty: true,
        title: {
            text: 'Duration',
            style: {}
        }
    }],
    tooltip: {
        formatter: function () {
            return '' + this.x + ': ' + this.y;
        }
    },
    legend: {
        layout: 'horizontal',
        align: 'center',
        verticalAlign: 'bottom',
        backgroundColor: '#FFFFFF'
    },
    series: [{
        name: 'Other Projects',
        type: 'scatter',
        data: [
            [560000, 13],
            [185250, 11],
            [3625788, 23],
            [1648510, 21],
            [265000, 14],
            [13000000, 43],
            [28000000, 34],
            [1567000, 19],
            [1190000, 20],
            [21000000, 31],
            [7000000, 33],
            [3805200, 30],
            [17000000, 29],
            [1503267, 21],
            [11332332, 29],
            [1485067, 20],
            [5000000, 30],
            [5400000, 22],
            [13000000, 23],
            [3810000, 26],
            [810000, 18],
            [27528218, 26],
            [377319, 14],
            [840000, 22],
            [550000, 13],
            [2643142, 26],
            [412800, 13],
            [2500000, 22],
            [4510000, 19],
            [523116, 15],
            [17600000, 28],
            [2500000, 21],
            [21000000, 29],
            [3500000, 17],
            [620000, 15],
            [163000000, 46],
            [134000000, 41],
            [45000000, 39],
            [13677454, 31],
            [167000000, 52],
            [47000000, 33],
            [49000000, 38],
            [31000000, 38]
        ]
    }, {
        name: 'User Data',
        type: 'scatter',
      ...