#10247

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": "YYYY-MM-DD HH:NN:SS",
	"theme": "default",
	"categoryAxis": {
        "minPeriod": "ss",
		"parseDates": true,
        "markPeriodChange": false
	},
	"graphs": [
		{
			"connect": true,
			"fillAlphas": 0.7,
			"id": "profile1",
			"lineAlpha": 0,
			"title": "profile1",
			"valueField": "profile1"
		},
		{
			"connect": true,
			"fillAlphas": 0.7,
			"id": "profile2",
			"lineAlpha": 0,
			"title": "profile2",
			"valueField": "profile2"
		},
		{
			"connect": true,
			"fillAlphas": 0.7,
			"id": "profile3",
			"lineAlpha": 0,
			"title": "profile3",
			"valueField": "profile3"
		},
		{
			"connect": true,
			"fillAlphas": 0.7,
			"id": "profile4",
			"lineAlpha": 0,
			"title": "profile4",
			"valueField": "profile4"
		},
		{
			"connect": true,
			"fillAlphas": 0.7,
			"id": "profile5",
			"lineAlpha": 0,
			"title": "profile5",
			"valueField": "profile5"
		},
		{
			"connect": true,
			"fillAlphas": 0.7,
			"id": "profile6",
			"lineAlpha": 0,
			"title": "profile6",
			"valueField": "profile6"
		},
		{
			"connect": true,
			"fillAlphas": 0.7,
			"id": "profile7",
			"lineAlpha": 0,
			"title": "profile7",
			"valueField": "profile7"
		}
	],
	"dataProvider": [
		{
			"profile1": "50",
            "date": "2014-12-04 00:00:00"
		},
		{
			"profile1": "50",
			"profile2": "51",
            "date": "2014-12-04 00:00:10"
		},
		{
			"profile1": "50",
			"profile2": "51",
            "date": "2014-12-04 00:15:02"
		},
		{
			"profile2": "51",
            "date": "2014-12-04 00:00:21"
		},
      
      
      
      
      	{
			"profile3": "50",
            "date": "2014-12-04 02:00:00"
		},
		{
			"profile3": "50",
			"profile4": "51",
            "date": "2014-12-04 02:00:10"
		},
		{
			"profile3": "50",
			"profile4": "51",
            "date": "2014-12-04 02:15:02"
		},
		{
			"profile4":...