#9771

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

AmCharts.useUTC = true;
AmCharts.makeChart('chartdiv', {
    "type": "serial",
        "dataDateFormat": "YYYY-MM-DD JJ:NN:SS",
        "balloonDateFormat": "YYYY-MM-DD JJ:NN:SS",
        "colors": [
        "#96CA2D",
        "#B9121B",
        "#0D8ECF",
        "#FCD202",
        "#2A0CD0",
        "#CD0D74",
        "#CC0000",
        "#00CC00",
        "#0000CC",
        "#DDDDDD",
        "#999999",
        "#333333",
        "#990000"],
        "legend": {
        "useGraphSettings": true
    },
        "categoryField": "time",
        "categoryAxis": {
        "title": "Date",
            "parseDates": true,
            "minPeriod": "hh"
    },
        "fontFamily": "Helvetica",
        "valueAxes": [{
        "id": "time",
            "position": "left"
    }],
        "graphs": [{
        "type": "line",
            "title": 20147,
            "valueField": "measure_total_20147",
            "labelText": "",
            "valueAxis": "time",
            "connect": false,
            "bullet": "round",
            "bulletAlpha": "0",
            "lineThickness": 1,
            "fillAlphas": 0,
            "balloonText": "[[title]] <br\/>[[category]]<br\/><b>[[value]]<\/b>"
    }, {
        "type": "line",
            "title": 20146,
            "valueField": "measure_total_20146",
            "labelText": "",
            "valueAxis": "time",
            "connect": false,
            "bullet": "round",
            "bulletAlpha": "0",
            "lineThickness": 1,
            "fillAlphas": 0,
            "balloonText": "[[title]] <br\/>[[category]]<br\/><b>[[value]]<\/b>"
    }, {
        "type": "line",
            "title": 20148,
            "valueField": "measure_total_20148",
            "labelText": "",
            "valueAxis": "time",
            "connect": false,
            "bullet": "round",
            "bulletAlpha": "0",
            "lineThickness": 1,
            "fillAlphas": 0,
            "balloonText": "[[title]]...