WebSVN – php-qbpwcf – Blame – //non_free_lib/amchart/amcharts_3.19.6.free/samples/lineSmoothed.html

Rev	Author	Line No.	Line
23	liveuser	1	`<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">`
		2	`<html>`
		3
		4	`<head>`
		5	`<meta http-equiv="Content-Type" content="text/html; charset=utf-8">`
		6	`<title>amCharts examples</title>`
		7	`<link rel="stylesheet" href="style.css" type="text/css">`
		8	`<script src="../amcharts/amcharts.js" type="text/javascript"></script>`
		9	`<script src="../amcharts/serial.js" type="text/javascript"></script>`
		10
		11	`<script>`
		12	`var chart;`
		13	`var graph;`
		14
		15	`var chartData = [`
		16	`{`
		17	`"year": "1950",`
		18	`"value": -0.307`
		19	`},`
		20	`{`
		21	`"year": "1951",`
		22	`"value": -0.168`
		23	`},`
		24	`{`
		25	`"year": "1952",`
		26	`"value": -0.073`
		27	`},`
		28	`{`
		29	`"year": "1953",`
		30	`"value": -0.027`
		31	`},`
		32	`{`
		33	`"year": "1954",`
		34	`"value": -0.251`
		35	`},`
		36	`{`
		37	`"year": "1955",`
		38	`"value": -0.281`
		39	`},`
		40	`{`
		41	`"year": "1956",`
		42	`"value": -0.348`
		43	`},`
		44	`{`
		45	`"year": "1957",`
		46	`"value": -0.074`
		47	`},`
		48	`{`
		49	`"year": "1958",`
		50	`"value": -0.011`
		51	`},`
		52	`{`
		53	`"year": "1959",`
		54	`"value": -0.074`
		55	`},`
		56	`{`
		57	`"year": "1960",`
		58	`"value": -0.124`
		59	`},`
		60	`{`
		61	`"year": "1961",`
		62	`"value": -0.024`
		63	`},`
		64	`{`
		65	`"year": "1962",`
		66	`"value": -0.022`
		67	`},`
		68	`{`
		69	`"year": "1963",`
		70	`"value": 0`
		71	`},`
		72	`{`
		73	`"year": "1964",`
		74	`"value": -0.296`
		75	`},`
		76	`{`
		77	`"year": "1965",`
		78	`"value": -0.217`
		79	`},`
		80	`{`
		81	`"year": "1966",`
		82	`"value": -0.147`
		83	`},`
		84	`{`
		85	`"year": "1967",`
		86	`"value": -0.15`
		87	`},`
		88	`{`
		89	`"year": "1968",`
		90	`"value": -0.16`
		91	`},`
		92	`{`
		93	`"year": "1969",`
		94	`"value": -0.011`
		95	`},`
		96	`{`
		97	`"year": "1970",`
		98	`"value": -0.068`
		99	`},`
		100	`{`
		101	`"year": "1971",`
		102	`"value": -0.19`
		103	`},`
		104	`{`
		105	`"year": "1972",`
		106	`"value": -0.056`
		107	`},`
		108	`{`
		109	`"year": "1973",`
		110	`"value": 0.077`
		111	`},`
		112	`{`
		113	`"year": "1974",`
		114	`"value": -0.213`
		115	`},`
		116	`{`
		117	`"year": "1975",`
		118	`"value": -0.17`
		119	`},`
		120	`{`
		121	`"year": "1976",`
		122	`"value": -0.254`
		123	`},`
		124	`{`
		125	`"year": "1977",`
		126	`"value": 0.019`
		127	`},`
		128	`{`
		129	`"year": "1978",`
		130	`"value": -0.063`
		131	`},`
		132	`{`
		133	`"year": "1979",`
		134	`"value": 0.05`
		135	`},`
		136	`{`
		137	`"year": "1980",`
		138	`"value": 0.077`
		139	`},`
		140	`{`
		141	`"year": "1981",`
		142	`"value": 0.12`
		143	`},`
		144	`{`
		145	`"year": "1982",`
		146	`"value": 0.011`
		147	`},`
		148	`{`
		149	`"year": "1983",`
		150	`"value": 0.177`
		151	`},`
		152	`{`
		153	`"year": "1984",`
		154	`"value": -0.021`
		155	`},`
		156	`{`
		157	`"year": "1985",`
		158	`"value": -0.037`
		159	`},`
		160	`{`
		161	`"year": "1986",`
		162	`"value": 0.03`
		163	`},`
		164	`{`
		165	`"year": "1987",`
		166	`"value": 0.179`
		167	`},`
		168	`{`
		169	`"year": "1988",`
		170	`"value": 0.18`
		171	`},`
		172	`{`
		173	`"year": "1989",`
		174	`"value": 0.104`
		175	`},`
		176	`{`
		177	`"year": "1990",`
		178	`"value": 0.255`
		179	`},`
		180	`{`
		181	`"year": "1991",`
		182	`"value": 0.21`
		183	`},`
		184	`{`
		185	`"year": "1992",`
		186	`"value": 0.065`
		187	`},`
		188	`{`
		189	`"year": "1993",`
		190	`"value": 0.11`
		191	`},`
		192	`{`
		193	`"year": "1994",`
		194	`"value": 0.172`
		195	`},`
		196	`{`
		197	`"year": "1995",`
		198	`"value": 0.269`
		199	`},`
		200	`{`
		201	`"year": "1996",`
		202	`"value": 0.141`
		203	`},`
		204	`{`
		205	`"year": "1997",`
		206	`"value": 0.353`
		207	`},`
		208	`{`
		209	`"year": "1998",`
		210	`"value": 0.548`
		211	`},`
		212	`{`
		213	`"year": "1999",`
		214	`"value": 0.298`
		215	`},`
		216	`{`
		217	`"year": "2000",`
		218	`"value": 0.267`
		219	`},`
		220	`{`
		221	`"year": "2001",`
		222	`"value": 0.411`
		223	`},`
		224	`{`
		225	`"year": "2002",`
		226	`"value": 0.462`
		227	`},`
		228	`{`
		229	`"year": "2003",`
		230	`"value": 0.47`
		231	`},`
		232	`{`
		233	`"year": "2004",`
		234	`"value": 0.445`
		235	`},`
		236	`{`
		237	`"year": "2005",`
		238	`"value": 0.47`
		239	`}`
		240	`];`
		241
		242
		243	`AmCharts.ready(function () {`
		244	`// SERIAL CHART`
		245	`chart = new AmCharts.AmSerialChart();`
		246
		247	`chart.dataProvider = chartData;`
		248	`chart.marginLeft = 10;`
		249	`chart.categoryField = "year";`
		250	`chart.dataDateFormat = "YYYY";`
		251
		252	`// listen for "dataUpdated" event (fired when chart is inited) and call zoomChart method when it happens`
		253	`chart.addListener("dataUpdated", zoomChart);`
		254
		255	`// AXES`
		256	`// category`
		257	`var categoryAxis = chart.categoryAxis;`
		258	`categoryAxis.parseDates = true; // as our data is date-based, we set parseDates to true`
		259	`categoryAxis.minPeriod = "YYYY"; // our data is yearly, so we set minPeriod to YYYY`
		260	`categoryAxis.dashLength = 3;`
		261	`categoryAxis.minorGridEnabled = true;`
		262	`categoryAxis.minorGridAlpha = 0.1;`
		263
		264	`// value`
		265	`var valueAxis = new AmCharts.ValueAxis();`
		266	`valueAxis.axisAlpha = 0;`
		267	`valueAxis.inside = true;`
		268	`valueAxis.dashLength = 3;`
		269	`chart.addValueAxis(valueAxis);`
		270
		271	`// GRAPH`
		272	`graph = new AmCharts.AmGraph();`
		273	`graph.type = "smoothedLine"; // this line makes the graph smoothed line.`
		274	`graph.lineColor = "#d1655d";`
		275	`graph.negativeLineColor = "#637bb6"; // this line makes the graph to change color when it drops below 0`
		276	`graph.bullet = "round";`
		277	`graph.bulletSize = 8;`
		278	`graph.bulletBorderColor = "#FFFFFF";`
		279	`graph.bulletBorderAlpha = 1;`
		280	`graph.bulletBorderThickness = 2;`
		281	`graph.lineThickness = 2;`
		282	`graph.valueField = "value";`
		283	`graph.balloonText = "[[category]]<br><b><span style='font-size:14px;'>[[value]]</span></b>";`
		284	`chart.addGraph(graph);`
		285
		286	`// CURSOR`
		287	`var chartCursor = new AmCharts.ChartCursor();`
		288	`chartCursor.cursorAlpha = 0;`
		289	`chartCursor.cursorPosition = "mouse";`
		290	`chartCursor.categoryBalloonDateFormat = "YYYY";`
		291	`chart.addChartCursor(chartCursor);`
		292
		293	`// SCROLLBAR`
		294	`var chartScrollbar = new AmCharts.ChartScrollbar();`
		295	`chart.addChartScrollbar(chartScrollbar);`
		296
		297	`chart.creditsPosition = "bottom-right";`
		298
		299	`// WRITE`
		300	`chart.write("chartdiv");`
		301	`});`
		302
		303	`// this method is called when chart is first inited as we listen for "dataUpdated" event`
		304	`function zoomChart() {`
		305	`// different zoom methods can be used - zoomToIndexes, zoomToDates, zoomToCategoryValues`
		306	`chart.zoomToDates(new Date(1972, 0), new Date(1984, 0));`
		307	`}`
		308	`</script>`
		309	`</head>`
		310
		311	`<body>`
		312	`<div id="chartdiv" style="width:100%; height:400px;"></div>`
		313	`</body>`
		314
		315	`</html>`

Subversion Repositories php-qbpwcf

(root)//non_free_lib/amchart/amcharts_3.19.6.free/samples/lineSmoothed.html – Rev 24