BGBM BDI Projects / geo.git / blobdiff
? search:
summary | shortlog | log | commit | commitdiff | tree
raw | inline | side by side
V1.2_dev folder added.
[geo.git] / edit_wp5_web_folder / v1.2_dev / Highcharts-2.1.6 / examples / flags-shapes.htm
diff --git a/edit_wp5_web_folder/v1.2_dev/Highcharts-2.1.6/examples/flags-shapes.htm b/edit_wp5_web_folder/v1.2_dev/Highcharts-2.1.6/examples/flags-shapes.htm
new file mode 100644 (file)
index 0000000..b1716b9
--- /dev/null
+++ b/edit_wp5_web_folder/v1.2_dev/Highcharts-2.1.6/examples/flags-shapes.htm
@@ -0,0 +1,135 @@
+<!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/flags-general/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
+                                   x = Date.UTC(date[2], date[1] - 1, date[0]);\r
+                                   \r
+                                               if (point.length > 1) {\r
+                                           data.push([\r
+                                                               x, // time \r
+                                                               parseFloat(point[4]) // close\r
+                                                       ]);\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
+                               type: 'datetime',\r
+                               maxZoom: 14 * 24 * 3600000, // fourteen days\r
+                               title: {\r
+                                   text: null\r
+                               }\r
+                           },\r
+                           yAxis: {\r
+                               title: {\r
+                                   text: 'Exchange rate'\r
+                               }\r
+                           },\r
+                               \r
+                               tooltip: {\r
+                                       style: {\r
+                                               width: 200\r
+                                       }\r
+                               },\r
+                           \r
+                           series: [{\r
+                               name: 'USD to EUR',\r
+                               data: data,\r
+                                       id: 'dataseries'\r
+                           }, {\r
+                               type: 'flags',\r
+                               data: [{\r
+                                               x: Date.UTC(2011, 1, 14),\r
+                                               title: 'A',\r
+                                               text: 'Shape: "squarepin"'      \r
+                                       }, {\r
+                                               x: Date.UTC(2011, 3, 28),\r
+                                               title: 'A',\r
+                                               text: 'Shape: "squarepin"'      \r
+                                       }],\r
+                               onSeries: 'dataseries',\r
+                               shape: 'squarepin',\r
+                               width: 16\r
+                           }, {\r
+                               type: 'flags',\r
+                               data: [{\r
+                                               x: Date.UTC(2011, 2, 1),\r
+                                               title: 'B',\r
+                                               text: 'Shape: "circlepin"'\r
+                                       }, {\r
+                                               x: Date.UTC(2011, 3, 1),\r
+                                               title: 'B',\r
+                                               text: 'Shape: "circlepin"'      \r
+                                       }],\r
+                               shape: 'circlepin',\r
+                               width: 16\r
+                           }, {\r
+                               type: 'flags',\r
+                               data: [{\r
+                                               x: Date.UTC(2011, 2, 10),\r
+                                               title: 'C',\r
+                                               text: 'Shape: "flag"'\r
+                                       }, {\r
+                                               x: Date.UTC(2011, 3, 11),\r
+                                               title: 'C',\r
+                                               text: 'Shape: "flag"'   \r
+                                       }],\r
+                                       color: '#5F86B3',\r
+                                       fillColor: '#5F86B3',\r
+                                       onSeries: 'dataseries',\r
+                               width: 16,\r
+                               style: { // text style\r
+                                       color: 'white'\r
+                               },\r
+                               states: {\r
+                                       hover: {\r
+                                               fillColor: '#395C84' // darker\r
+                                       }\r
+                               }\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>