WebSVN – php-qbpwcf – Blame – /non_free_lib/amchart/amcharts_3.19.6.free/samples/lineStep.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	`// months in JS are zero-based, 0 means January`
		16	`var chartData = [`
		17	`{`
		18	`"year": "1950",`
		19	`"value": -0.307`
		20	`},`
		21	`{`
		22	`"year": "1951",`
		23	`"value": -0.168`
		24	`},`
		25	`{`
		26	`"year": "1952",`
		27	`"value": -0.073`
		28	`},`
		29	`{`
		30	`"year": "1953",`
		31	`"value": -0.027`
		32	`},`
		33	`{`
		34	`"year": "1954",`
		35	`"value": -0.251`
		36	`},`
		37	`{`
		38	`"year": "1955",`
		39	`"value": -0.281`
		40	`},`
		41	`{`
		42	`"year": "1956",`
		43	`"value": -0.348`
		44	`},`
		45	`{`
		46	`"year": "1957",`
		47	`"value": -0.074`
		48	`},`
		49	`{`
		50	`"year": "1958",`
		51	`"value": -0.011`
		52	`},`
		53	`{`
		54	`"year": "1959",`
		55	`"value": -0.074`
		56	`},`
		57	`{`
		58	`"year": "1960",`
		59	`"value": -0.124`
		60	`},`
		61	`{`
		62	`"year": "1961",`
		63	`"value": -0.024`
		64	`},`
		65	`{`
		66	`"year": "1962",`
		67	`"value": -0.022`
		68	`},`
		69	`{`
		70	`"year": "1963",`
		71	`"value": 0`
		72	`},`
		73	`{`
		74	`"year": "1964",`
		75	`"value": -0.296`
		76	`},`
		77	`{`
		78	`"year": "1965",`
		79	`"value": -0.217`
		80	`},`
		81	`{`
		82	`"year": "1966",`
		83	`"value": -0.147`
		84	`},`
		85	`{`
		86	`"year": "1967",`
		87	`"value": -0.15`
		88	`},`
		89	`{`
		90	`"year": "1968",`
		91	`"value": -0.16`
		92	`},`
		93	`{`
		94	`"year": "1969",`
		95	`"value": -0.011`
		96	`},`
		97	`{`
		98	`"year": "1970",`
		99	`"value": -0.068`
		100	`},`
		101	`{`
		102	`"year": "1971",`
		103	`"value": -0.19`
		104	`},`
		105	`{`
		106	`"year": "1972",`
		107	`"value": -0.056`
		108	`},`
		109	`{`
		110	`"year": "1973",`
		111	`"value": 0.077`
		112	`},`
		113	`{`
		114	`"year": "1974",`
		115	`"value": -0.213`
		116	`},`
		117	`{`
		118	`"year": "1975",`
		119	`"value": -0.17`
		120	`},`
		121	`{`
		122	`"year": "1976",`
		123	`"value": -0.254`
		124	`},`
		125	`{`
		126	`"year": "1977",`
		127	`"value": 0.019`
		128	`},`
		129	`{`
		130	`"year": "1978",`
		131	`"value": -0.063`
		132	`},`
		133	`{`
		134	`"year": "1979",`
		135	`"value": 0.05`
		136	`},`
		137	`{`
		138	`"year": "1980",`
		139	`"value": 0.077`
		140	`},`
		141	`{`
		142	`"year": "1981",`
		143	`"value": 0.12`
		144	`},`
		145	`{`
		146	`"year": "1982",`
		147	`"value": 0.011`
		148	`},`
		149	`{`
		150	`"year": "1983",`
		151	`"value": 0.177`
		152	`},`
		153	`{`
		154	`"year": "1984",`
		155	`"value": -0.021`
		156	`},`
		157	`{`
		158	`"year": "1985",`
		159	`"value": -0.037`
		160	`},`
		161	`{`
		162	`"year": "1986",`
		163	`"value": 0.03`
		164	`},`
		165	`{`
		166	`"year": "1987",`
		167	`"value": 0.179`
		168	`},`
		169	`{`
		170	`"year": "1988",`
		171	`"value": 0.18`
		172	`},`
		173	`{`
		174	`"year": "1989",`
		175	`"value": 0.104`
		176	`},`
		177	`{`
		178	`"year": "1990",`
		179	`"value": 0.255`
		180	`},`
		181	`{`
		182	`"year": "1991",`
		183	`"value": 0.21`
		184	`},`
		185	`{`
		186	`"year": "1992",`
		187	`"value": 0.065`
		188	`},`
		189	`{`
		190	`"year": "1993",`
		191	`"value": 0.11`
		192	`},`
		193	`{`
		194	`"year": "1994",`
		195	`"value": 0.172`
		196	`},`
		197	`{`
		198	`"year": "1995",`
		199	`"value": 0.269`
		200	`},`
		201	`{`
		202	`"year": "1996",`
		203	`"value": 0.141`
		204	`},`
		205	`{`
		206	`"year": "1997",`
		207	`"value": 0.353`
		208	`},`
		209	`{`
		210	`"year": "1998",`
		211	`"value": 0.548`
		212	`},`
		213	`{`
		214	`"year": "1999",`
		215	`"value": 0.298`
		216	`},`
		217	`{`
		218	`"year": "2000",`
		219	`"value": 0.267`
		220	`},`
		221	`{`
		222	`"year": "2001",`
		223	`"value": 0.411`
		224	`},`
		225	`{`
		226	`"year": "2002",`
		227	`"value": 0.462`
		228	`},`
		229	`{`
		230	`"year": "2003",`
		231	`"value": 0.47`
		232	`},`
		233	`{`
		234	`"year": "2004",`
		235	`"value": 0.445`
		236	`},`
		237	`{`
		238	`"year": "2005",`
		239	`"value": 0.47`
		240	`}`
		241	`];`
		242
		243
		244	`AmCharts.ready(function () {`
		245	`// SERIAL CHART`
		246	`chart = new AmCharts.AmSerialChart();`
		247
		248	`chart.marginRight = 20;`
		249	`chart.marginLeft = 20;`
		250	`chart.autoMargins = false;`
		251	`chart.dataProvider = chartData;`
		252	`chart.categoryField = "year";`
		253	`chart.dataDateFormat = "YYYY";`
		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.minorGridEnabled = true;`
		261	`categoryAxis.minorGridAlpha = 0.15;`
		262
		263	`// VALUE`
		264	`var valueAxis = new AmCharts.ValueAxis();`
		265	`valueAxis.gridAlpha = 0;`
		266	`valueAxis.axisAlpha = 0;`
		267	`valueAxis.fillColor = "#000000";`
		268	`valueAxis.fillAlpha = 0.05;`
		269	`valueAxis.inside = true;`
		270	`chart.addValueAxis(valueAxis);`
		271
		272	`// GRAPH`
		273	`graph = new AmCharts.AmGraph();`
		274	`graph.type = "step"; // this line makes step graph`
		275	`graph.valueField = "value";`
		276	`graph.lineColor = "#000000";`
		277	`graph.balloonText = "[[category]]<br><b><span style='font-size:14px;'>[[value]] C</span></b>";`
		278	`chart.addGraph(graph);`
		279
		280	`// CURSOR`
		281	`var chartCursor = new AmCharts.ChartCursor();`
		282	`chartCursor.cursorAlpha = 0;`
		283	`chartCursor.cursorPosition = "mouse";`
		284	`chartCursor.categoryBalloonDateFormat = "YYYY";`
		285	`chart.addChartCursor(chartCursor);`
		286
		287	`// SCROLLBAR`
		288	`var chartScrollbar = new AmCharts.ChartScrollbar();`
		289	`chart.addChartScrollbar(chartScrollbar);`
		290
		291	`chart.creditsPosition = "bottom-right";`
		292
		293	`// WRITE`
		294	`chart.write("chartdiv");`
		295	`});`
		296	`</script>`
		297	`</head>`
		298
		299	`<body>`
		300	`<div id="chartdiv" style="width:100%; height:400px;"></div>`
		301	`</body>`
		302
		303	`</html>`

Subversion Repositories php-qbpwcf

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