%PDF- %PDF-
Mini Shell

Mini Shell

Direktori : /home/bitrix/www/bitrix/js/main/amcharts/3.21/plugins/export/examples/
Upload File :
Create Path :
Current File : //home/bitrix/www/bitrix/js/main/amcharts/3.21/plugins/export/examples/serial2.html

<html>
    <head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
		<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
		<meta http-equiv="X-UA-Compatible" content="IE=edge" />

		<!-- AmCharts includes -->
		<script src="http://www.amcharts.com/lib/3/amcharts.js"></script>
		<script src="http://www.amcharts.com/lib/3/serial.js"></script>
		<script src="http://www.amcharts.com/lib/3/themes/dark.js"></script>

		<!-- Export plugin includes and styles -->
		<script src="../export.js"></script>
		<link  type="text/css" href="../export.css" rel="stylesheet">

		<style>
			body, html {
				height: 100%;
				padding: 0;
				margin: 0;
				overflow: hidden;
				background-color: #282828;
				font-size: 11px;
				font-family: Verdana;
			}
			#chartdiv {
				width: 100%;
				height: 100%;
			}
		</style>

		<script type="text/javascript">
			var chart = AmCharts.makeChart( "chartdiv", {
				"type": "serial",
				"theme": "dark",
				"dataProvider": [ {
					"year": 2005,
					"income": 23.5,
					"expenses": 18.1
				}, {
					"year": 2006,
					"income": 26.2,
					"expenses": 22.8
				}, {
					"year": 2007,
					"income": 30.1,
					"expenses": 23.9
				}, {
					"year": 2008,
					"income": 29.5,
					"expenses": 25.1
				}, {
					"year": 2009,
					"income": 24.6,
					"expenses": 25
				} ],
				"categoryField": "year",
				"startDuration": 1,
				"rotate": true,
				"categoryAxis": {
					"gridPosition": "start"
				},
				"valueAxes": [ {
					"position": "bottom",
					"title": "Million USD",
					"minorGridEnabled": true
				} ],
				"graphs": [ {
					"type": "column",
					"title": "Income",
					"valueField": "income",
					"fillAlphas": 1,
					"balloonText": "<span style='font-size:13px;'>[[title]] in [[category]]:<b>[[value]]</b></span>"
				}, {
					"type": "line",
					"title": "Expenses",
					"valueField": "expenses",
					"lineThickness": 2,
					"bullet": "round",
					"balloonText": "<span style='font-size:13px;'>[[title]] in [[category]]:<b>[[value]]</b></span>"
				} ],
				"legend": {
					"useGraphSettings": true
				},
				"creditsPosition": "top-right",
				"export": {
					"enabled": true,
					"fileName": "exportedChart",

					// set background color for exported image
					"backgroundColor": "#282828",

					// set column names when exporting as data
					"exportTitles": true,
					"columnNames": {
						"year": "Year",
						"income": "Income, USD",
						"expenses": "Expenses, USD"
					},

					// change the dataProvider when exporting
					"processData": function (data) {
						return data.slice(1, -1);
					}
				}
			} );
		</script>
	</head>
	<body>
		<div id="chartdiv"></div>
	</body>
</html>

Zerion Mini Shell 1.0