diff-chart/js/nonce.js

function get_chart(chartData) {
    chartData.shift();

    for (var i = 0; i < chartData.length; ++i) {
        chartData[i].date = new Date(1000 * chartData[i][0]);
        chartData[i].height = i + 1;
        chartData[i].nonce = chartData[i][1];
    }

    var chart = AmCharts.makeChart("chartdiv", {
        "type": "serial",
        "theme": "light",
        "marginRight": 80,
        "autoMarginOffset": 20,
        "marginTop": 7,
        "dataProvider": chartData,
        "valueAxes": [{
            "axisAlpha": 0,
        }],
        "mouseWheelZoomEnabled": true,
        "graphs": [{
            "id": "g1",
            "lineColor": "#800040",
            "lineAlpha": 0,
            "bulletAlpha": 1,
            "bullet": "square",
            "bulletSize": 1,
            "minBulletSize": 1,
            "balloonText": "Height: <b>[[height]]</b>\nNonce: <b>[[value]]</b>\n",
            "showBalloonAt": "close",
            "title": "nonce",
            "valueField": "nonce",
            "balloon":{
                "cornerRadius": 10,
                "animationDuration": 0,
            }
        }],
        "chartCursor": {
           "pan": false,
           "categoryBalloonEnabled": false,
           "animationDuration": 0,
           "cursorAlpha": 0,
        },
        "categoryField": "date",
        "categoryAxis": {
            "parseDates": true,
            "minPeriod": "ss",
            "axisColor": "#DADADA",
            "dashLength": 1,
            "minorGridEnabled": true
        },
        "export": {
            "enabled": true,
            "position": "bottom-right"
        }
    });

    // this method is called when chart is first inited as we listen for "rendered" event
    function zoomChart() {
        // different zoom methods can be used - zoomToIndexes, zoomToDates, zoomToCategoryValues
        chart.zoomToIndexes(0, chartData.length - 1);
    }
    chart.addListener("rendered", zoomChart);
    zoomChart();

    return chart;
}