Milliseconds Stock Chart

HTML

<script type="text/javascript" src="http://www.amcharts.com/lib/3/amcharts.js"></script>
<script type="text/javascript" src="http://www.amcharts.com/lib/3/serial.js"></script>
<script type="text/javascript" src="http://www.amcharts.com/lib/3/themes/none.js"></script>
<script type="text/javascript" src="http://www.amcharts.com/lib/3/amstock.js"></script>
<div id="chartdiv"></div>

CSS

#chartdiv {
    width : 100%;
    height : 500px;
    font-size: 12px;
}

JavaScript

var chartData = generateChartData();

function generateChartData() {
    var chartData = [];
    var firstDate = new Date(2012, 0, 1);
    firstDate.setDate(firstDate.getDate() - 1000);
    firstDate.setHours(0, 0, 0, 0);

    // 1 hour in milliseconds
    for (var i = 0; i < 3600; i++) {
        var newDate = new Date(firstDate);
        newDate.setHours(0, 0, 0, i);

        var a = Math.round(Math.random() * (40 + i)) + 100 + i;
        var b = Math.round(Math.random() * 100000000);

        chartData.push({
            date: newDate,
            value: a,
            volume: b
        });
    }
    return chartData;
}

var chart = AmCharts.makeChart("chartdiv", {

    type: "stock",
        "theme": "none",
    pathToImages: "http://www.amcharts.com/lib/3/images/",

    categoryAxesSettings: {
        minPeriod: "fff", // set minimum to milliseconds
        groupToPeriods: ['fff', 'ss'] // specify period grouping
    },

    dataSets: [{
        color: "#b0de09",
        fieldMappings: [{
            fromField: "value",
            toField: "value"
        }, {
            fromField: "volume",
            toField: "volume"
        }],

        dataProvider: chartData,
        categoryField: "date"
    }],


    panels: [{
        showCategoryAxis: false,
        title: "Value",
        percentHeight: 70,

        stockGraphs: [{
            id: "g1",
            valueField: "value",
            type: "smoothedLine",
            lineThickness: 2,
            bullet: "round"
        }],


        stockLegend: {
            valueTextRegular: " ",
            markerType: "none"
        }
    },

    {
        title: "Volume",
        percentHeight: 30,
        stockGraphs: [{
            valueField: "volume",
            type: "column",
            cornerRadiusTop: 2,
            fillAlphas: 1
        }],

        stockLegend: {
            valueTextRegular: " ",
            markerType: "none"
        }
    }],

    chartScrollbarSettings: {
        graph: "g1",
...