| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102 |
- <!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>
- <script type="text/javascript" src="../../../emr/smmobileweb/js/Soonsu_chart.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/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',
- defaultSeriesType: 'line',
- marginRight: 130,
- marginBottom: 25
- },
- credits: {
- enabled: false
- },
- exporting:{buttons : null},
- title: {
- text: '',
- x: -20 //center
- },
- subtitle: {
- text: '',
- x: -20
- },
- xAxis: {
- categories: ['2008년', '2009년', '2010년', '2011년']
- },
- yAxis: {
- title: {
- text: ''
- },
- plotLines: [{
- value: 0,
- width: 1,
- color: '#808080'
- }]
- },
- tooltip: {
- formatter: function() {
- return '<b>'+ this.series.name +'</b><br/>'+
- this.x +': '+ this.y ;
- }
- },
- legend: {
- layout: 'vertical',
- align: 'right',
- verticalAlign: 'top',
- x: -10,
- y: 100,
- borderWidth: 0
- },
- series: [{
- name: '1/4분기',
- data: [10, 10.5,22,11]
- }, {
- name: '2/4분기',
- data: [20,20.5,21,20]
- }, {
- name: '3/4분기',
- data: [1,2,1,2]
- }, {
- name: '4/4분기',
- data: [36,37,36.5,37]
- }]
- });
-
-
- });
-
- </script>
-
- </head>
- <body scroll="no" topmargin="0" leftmargin="0">
-
- <!-- 3. Add the container -->
- <div id="container" style="width: 450px; height: 275px; margin-left: 0px"></div>
-
-
- </body>
- </html>
|
