#9665

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",
        "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,
            "valueLineEnabled": true
    },
        "chartScrollbar": {
        "graph": "AmGraph-2",
            "graphType": "line",
            "selectedGraphFillColor": "#3598DB",
            "selectedGraphLineColor": "#3598DB"
    },
        "trendLines": [],
        "graphs": [{
        "balloonText": "[[value]]B",
            "bullet": "round",
            "hideBulletsCount": 100,
            "id": "AmGraph-1",
            "title": "Pojemność...