<script type="text/javascript" src="https://www.amcharts.com/lib/3/amcharts.js"></script>
        <script type="text/javascript" src="https://www.amcharts.com/lib/3/serial.js"></script>
        <script type="text/javascript" src="https://www.amcharts.com/lib/3/themes/none.js"></script>

        <script type="text/javascript">
            var chart = AmCharts.makeChart("chartdiv", {
            "type": "serial",
            "theme": "none",
            "pathToImages": "https://www.amcharts.com/lib/3/images/",
            "dataProvider": [{"mydate":"2015-05-15 16:01","eth0":0.0020182291666667},{"mydate":"2015-05-15 16:02","eth0":0.0017252604166667},{"mydate":"2015-05-15 16:03","eth0":0.0018391927083333},{"mydate":"2015-05-15 16:05","eth0":0.001806640625},{"mydate":"2015-05-15 16:06","eth0":0.0013671875},{"mydate":"2015-05-15 16:07","eth0":0.0016927083333333},{"mydate":"2015-05-15 16:08","eth0":0.0016276041666667},{"mydate":"2015-05-15 16:09","eth0":0.0024088541666667},{"mydate":"2015-05-15 16:10","eth0":0.001611328125},{"mydate":"2015-05-15 16:11","eth0":0.0022623697916667},{"mydate":"2015-05-15 16:12","eth0":0.0013346354166667},{"mydate":"2015-05-15 16:13","eth0":0.0017740885416667},{"mydate":"2015-05-15 16:14","eth0":0.00146484375},{"mydate":"2015-05-15 16:15","eth0":0.0016276041666667},{"mydate":"2015-05-15 16:17","eth0":0.0016276041666667},{"mydate":"2015-05-15 16:18","eth0":0.0014322916666667},{"mydate":"2015-05-15 16:19","eth0":0.0017252604166667},{"mydate":"2015-05-15 16:20","eth0":0.0013671875},{"mydate":"2015-05-15 16:21","eth0":0.0016438802083333},{"mydate":"2015-05-15 16:22","eth0":0.0015462239583333},{"mydate":"2015-05-15 16:23","eth0":0.0020670572916667},{"mydate":"2015-05-15 16:24","eth0":0.001220703125},{"mydate":"2015-05-15 16:25","eth0":0.0024088541666667},{"mydate":"2015-05-15 16:26","eth0":0.0012532552083333},{"mydate":"2015-05-15 16:27","eth0":0.001904296875},{"mydate":"2015-05-15 16:28","eth0":0.0015299479166667},{"mydate":"2015-05-15 16:29","eth0":0.0014973958333333},{"mydate":"2015-05-15 16:31","eth0":0.0015950520833333},{"mydate":"2015-05-15 16:32","eth0":0.0013346354166667},{"mydate":"2015-05-15 16:33","eth0":0.0017903645833333},{"mydate":"2015-05-15 16:34","eth0":0.001416015625},{"mydate":"2015-05-15 16:35","eth0":0.00185546875},{"mydate":"2015-05-15 16:36","eth0":0.0012858072916667},{"mydate":"2015-05-15 16:37","eth0":0.0020670572916667},{"mydate":"2015-05-15 16:38","eth0":0.0016927083333333},{"mydate":"2015-05-15 16:39","eth0":0.002099609375},{"mydate":"2015-05-15 16:40","eth0":0.0015299479166667},{"mydate":"2015-05-15 16:41","eth0":0.0016438802083333},{"mydate":"2015-05-15 16:42","eth0":0.001416015625},{"mydate":"2015-05-15 16:43","eth0":0.0015787760416667},{"mydate":"2015-05-15 16:45","eth0":0.0016276041666667},{"mydate":"2015-05-15 16:46","eth0":0.00126953125},{"mydate":"2015-05-15 16:47","eth0":0.0016764322916667},{"mydate":"2015-05-15 16:48","eth0":0.001318359375},{"mydate":"2015-05-15 16:49","eth0":0.0015625},{"mydate":"2015-05-15 16:50","eth0":0.0013020833333333},{"mydate":"2015-05-15 16:51","eth0":0.0020670572916667},{"mydate":"2015-05-15 16:52","eth0":0.001220703125},{"mydate":"2015-05-15 16:53","eth0":0.0022786458333333},{"mydate":"2015-05-15 16:54","eth0":0.0017903645833333},{"mydate":"2015-05-15 16:55","eth0":0.0017252604166667},{"mydate":"2015-05-15 16:56","eth0":0.0013834635416667},{"mydate":"2015-05-15 16:57","eth0":0.00166015625},{"mydate":"2015-05-15 16:58","eth0":0.001611328125},{"mydate":"2015-05-15 17:00","eth0":0.0013671875}],
            "valueAxes": [{
                "axisAlpha": 0,
                "inside": true,
                "position": "left",
                "ignoreAxisWidth": true
            }],
            "graphs": [{
                "balloonText": "[[category]]<br><b><span style='font-size:14px;'>[[value]]</span></b>",
                "bullet": "round",
                "bulletSize": 6,
                "title": "eth1 > Received data",
                "lineColor": "#d1655d",
                "lineThickness": 2,
                "type": "smoothedLine",
                "valueField": "eth0"
            }],
            "chartScrollbar": {},
            "chartCursor": {
                "categoryBalloonDateFormat": "HH:NN",
                "cursorAlpha": 0,
                "cursorPosition": "mouse"
            },
            "titles": [
                {
                    "id": "Title-1",
                    "size": 15,
                    "text": "Network Traffic"
                }
            ],
            "legend": {
                "useGraphSettings": true,
                "valueAlign": "left",
                "valueWidth": "15"
            },
            "categoryField": "mydate",
            "dataDateFormat": "YYYY-MM-DD HH:NN",
            "categoryAxis": {
                "minPeriod": "mm",
                "equalspacing": false,
                "parseDates": true,
                "minorGridAlpha": 0.1,
                "minorGridEnabled": true
            }
        });</script>
        <div id="chartdiv" style="width:100%; height:500px;"></div>

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.