renaming folder edit_wp5_web_folder to map-service
[geo.git] / map-service / v1.2_dev / Highcharts-2.1.6 / examples / line-markers.htm
diff --git a/map-service/v1.2_dev/Highcharts-2.1.6/examples/line-markers.htm b/map-service/v1.2_dev/Highcharts-2.1.6/examples/line-markers.htm
new file mode 100644 (file)
index 0000000..191c696
--- /dev/null
@@ -0,0 +1,78 @@
+<!DOCTYPE HTML>
+<html>
+       <head>
+               <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+               <title>Highstock Example</title>
+               
+               <script type="text/javascript">
+               \r
+               $.get('/samples/stock/demo/line-markers/data.csv', function(csv) {\r
+                       \r
+                       // parse the CSV data\r
+                       var data = [], header, comment = /^#/, x;\r
+                       \r
+                       $.each(csv.split('\n'), function(i, line){\r
+                           if (!comment.test(line)) {\r
+                               if (!header) {\r
+                                   header = line;\r
+                               }\r
+                               else {\r
+                                   var point = line.split(';'), \r
+                                                       date = point[0].split('-');\r
+                                                       \r
+                                               if (point.length > 1) {\r
+                                       x = Date.UTC(date[2], date[1] - 1, date[0]);\r
+                                           \r
+                                           data.push([\r
+                                                               x, // time \r
+                                                               parseFloat(point[4]) // close\r
+                                                       ]);\r
+                                   }\r
+                               }\r
+                           }\r
+                       });\r
+                       \r
+                       // Create the chart     \r
+                       window.chart = new Highcharts.StockChart({\r
+                           chart: {\r
+                               renderTo: 'container'\r
+                           },\r
+                           \r
+                           rangeSelector: {\r
+                               selected: 1\r
+                           },\r
+                           \r
+                           title: {\r
+                               text: 'USD to EUR exchange rate'\r
+                           },\r
+                           \r
+                           xAxis: {\r
+                               maxZoom: 14 * 24 * 3600000 // fourteen days\r
+                           },\r
+                           yAxis: {\r
+                               title: {\r
+                                   text: 'Exchange rate'\r
+                               }\r
+                           },\r
+                               \r
+                           series: [{\r
+                               name: 'USD to EUR',\r
+                               data: data,\r
+                               marker: {\r
+                                       enabled: true,\r
+                                       radius: 3\r
+                               },\r
+                               shadow: true\r
+                           }]\r
+                       });\r
+               });
+               </script>
+               
+       </head>
+       <body>
+                       
+               <script type="text/javascript" src="http://www.highcharts.com/js/testing-stock.js"></script>\r\r
+               \r
+               <div id="container" style="height: 500px"></div>                
+       </body>
+</html>