12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788 |
- <!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/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',
- plotBackgroundColor: null,
- plotBorderWidth: null,
- plotShadow: false
- },
- credits: {
- enabled: false
- },
- exporting:{buttons : null},
- title: {
- text: ''
- },
- tooltip: {
- formatter: function() {
- return '<b>'+ this.point.name +'</b>: '+ this.y ;
- }
- },
- plotOptions: {
- pie: {
- allowPointSelect: true,
- cursor: 'pointer',
- dataLabels: {
- enabled: true,
- color: '#000000',
- connectorColor: '#000000',
- formatter: function() {
- return '<b>'+ this.point.name +'</b>: '+ this.y ;
- }
- }
- }
- },
- series: [{
- type: 'pie',
- name: '',
- data: [
- ['2008년', 31000],
- ['2009년', 42000],
- {
- name: '2010년',
- y: 40000,
- sliced: true,
- selected: true
- },
- ['2011년', 46500]
- ]
- }]
- });
- });
-
- </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>
|