dbs227
/
YNU_JEUS


			
				
					
						
						
							123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126
							<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
		<title>Highcharts Example</title>
		
		
		<!-- 1. Add these JavaScript inclusions in the head of your page -->
	<script type="text/javascript" src="../../../emr/smmobileweb/js/jquery.min.js"></script>
		<script type="text/javascript" src="../../../emr/smmobileweb/js/highcharts-android.js"></script>
		
		<!-- 1a) Optional: add a theme file -->
		<!--
			<script type="text/javascript" src="../js/themes/gray.js"></script>
		-->
		
		<!-- 1b) Optional: the exporting module -->
		<script type="text/javascript" src="../../../emr/smmobileweb/js/modules/exporting.js"></script>
		
		
		<!-- 2. Add the JavaScript to initialize the chart on document ready -->
		<script type="text/javascript">
			var chart;
			$(document).ready(function() {
					chart = new Highcharts.Chart({
						chart: {
							renderTo: 'container'
						},
						credits: {
						  enabled: false
						},
						exporting:{buttons : null},
						title: {
							text: ''
						},
						xAxis: {
							categories: ['1/4분기', '2/4분기', '3/4분기', '4/4분기']
						},
						yAxis: {
					      title: {
					         text: '년도별 판매실적'
					      }
					   },
						tooltip: {
							formatter: function() {
								var s;
								if (this.point.name) { // the pie chart
									s = ''+
										this.point.name +': '+ this.y ;
								} else {
									s = ''+
										this.x  +': '+ this.y;
								}
								return s;
							}
						},
						labels: {
							items: [{
								html: '',
								style: {
									left: '5px',
									top: '5px',
									color: 'black'				
								}
							}]
						},
						series: [{
							type: 'column',
							name: '2008년',
							data: [6000, 7000, 8000, 10000]
						}, {
							type: 'column',
							name: '2009년',
							data: [15000, 10000, 9000, 8000]
						}, {
							type: 'column',
							name: '2010년',
							data: [12000, 9000, 10000, 9000]
						}, {
							type: 'column',
							name: '2011년',
							data: [14000, 12000, 11000, 9500]
						}, {
							type: 'spline',
							name: 'Average',
							data: [11750, 9500, 9500, 9125]
						}, {
							type: 'pie',
							name: 'Total consumption',
							data: [{
								name: '2008년',
								y: 31000,
								color: '#4572A7' // Jane's color
							}, {
								name: '2009년',
								y: 42000,
								color: '#AA4643' // John's color
							}, {
								name: '2010년',
								y: 40000,
								color: '#ffcc00' // John's color
							}, {
								name: '2011년',
								y: 46500,
								color: '#89A54E' // Joe's color
							}],
							center: [700, 40],
							size: 100,
							showInLegend: false,
							dataLabels: {
								enabled: false
							}
						}]
					});
				});
		</script>
		
	</head>
	<body scroll="no" topmargin="0" leftmargin="0">
		
		<!-- 3. Add the container -->
		<div id="container" style="width: 830px; height: 470px;"></div>
		
				
	</body>
</html>