#9665

by amcharts

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>
<div id="chartdiv"></div>

CSS

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

JavaScript

var chart = AmCharts.makeChart("chartdiv", {
    "type": "serial",
        "pathToImages": "http://cdn.amcharts.com/lib/3/images/",
        "categoryField": "date",
        "dataDateFormat": "DD-MM-YYYY-HH-NN",
        "mouseWheelZoomEnabled": true,
        "zoomOutText": "Cały zakres",
        "colors": [
        "#2dcc70",
        "#1abc9c",
        "#3598DB",
        "#9A59B5",
        "#9467bd",
        "#8c564b",
        "#e377c2",
        "#7f7f7f",
        "#bcbd22",
        "#17becf"],
        "startDuration": 1.2,
        "startEffect": "easeInSine",
        "prefixesOfBigNumbers": [{
        "number": 1000,
            "prefix": " k"
    }, {
        "number": 1000000,
            "prefix": " M"
    }, {
        "number": 1000000000,
            "prefix": " G"
    }, {
        "number": 1000000000000,
            "prefix": " T"
    }],
        "prefixesOfSmallNumbers": [{
        "number": 0.000001,
            "prefix": " μ"
    }, {
        "number": 0.001,
            "prefix": " m"
    }],
        "thousandsSeparator": "",
        "usePrefixes": true,
        "categoryAxis": {
        "dateFormats": [{
            "period": "fff",
                "format": "JJ:NN:SS"
        }, {
            "period": "ss",
                "format": "JJ:NN:SS"
        }, {
            "period": "mm",
                "format": "JJ:NN"
        }, {
            "period": "hh",
                "format": "JJ:NN"
        }, {
            "period": "DD",
                "format": "DD-MM-YYYY"
        }, {
            "period": "WW",
                "format": "DD-MM-YYYY"
        }, {
            "period": "MM",
                "format": "DD-MM-YYYY"
        }, {
            "period": "YYYY",
                "format": "DD-MM-YYYY"
        }],
            "minPeriod": "mm",
            "parseDates": true
    },
        "chartCursor": {
        "categoryBalloonDateFormat": "DD-MM-YYYY JJ:NN",
            "cursorColor": "#293949",
            "valueLineBalloonEnabled": true,
 ...