p3k
/
Compass
mirror of https://github.com/aaronpk/Compass.git
1
0
Fork 0
Code Issues 0 Releases 0 Wiki Activity
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
34 Commits
4 Branches
86 MiB
Tree: 9624abc4fe
Branches Tags
${ item.name }
Create branch ${ searchTerm }
from '9624abc4fe'
${ noResults }
Compass/compass/public/assets/highcharts/examples/polar-wind-rose/index.htm

299 lines
7.6 KiB
Raw Normal View History

add highcharts
9 years ago
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
 
  1. <!DOCTYPE HTML>
  2. <html>
  3. 	<head>
  4. 		<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  5. 		<title>Highcharts Example</title>
  6. 

  7. 		<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
  8. 		<style type="text/css">
  9. ${demo.css}
  10. 		</style>
  11. 		<script type="text/javascript">
  12. $(function () {
  13. 

  14.     // Parse the data from an inline table using the Highcharts Data plugin
  15.     $('#container').highcharts({
  16.         data: {
  17.             table: 'freq',
  18.             startRow: 1,
  19.             endRow: 17,
  20.             endColumn: 7
  21.         },
  22. 

  23.         chart: {
  24.             polar: true,
  25.             type: 'column'
  26.         },
  27. 

  28.         title: {
  29.             text: 'Wind rose for South Shore Met Station, Oregon'
  30.         },
  31. 

  32.         subtitle: {
  33.             text: 'Source: or.water.usgs.gov'
  34.         },
  35. 

  36.         pane: {
  37.             size: '85%'
  38.         },
  39. 

  40.         legend: {
  41.             align: 'right',
  42.             verticalAlign: 'top',
  43.             y: 100,
  44.             layout: 'vertical'
  45.         },
  46. 

  47.         xAxis: {
  48.             tickmarkPlacement: 'on'
  49.         },
  50. 

  51.         yAxis: {
  52.             min: 0,
  53.             endOnTick: false,
  54.             showLastLabel: true,
  55.             title: {
  56.                 text: 'Frequency (%)'
  57.             },
  58.             labels: {
  59.                 formatter: function () {
  60.                     return this.value + '%';
  61.                 }
  62.             },
  63.             reversedStacks: false
  64.         },
  65. 

  66.         tooltip: {
  67.             valueSuffix: '%'
  68.         },
  69. 

  70.         plotOptions: {
  71.             series: {
  72.                 stacking: 'normal',
  73.                 shadow: false,
  74.                 groupPadding: 0,
  75.                 pointPlacement: 'on'
  76.             }
  77.         }
  78.     });
  79. });
  80. 		</script>
  81. 	</head>
  82. 	<body>
  83. <script src="../../js/highcharts.js"></script>
  84. <script src="../../js/highcharts-more.js"></script>
  85. <script src="../../js/modules/data.js"></script>
  86. <script src="../../js/modules/exporting.js"></script>
  87. 

  88. <div id="container" style="min-width: 420px; max-width: 600px; height: 400px; margin: 0 auto"></div>
  89. 

  90. <div style="display:none">
  91. 	<!-- Source: http://or.water.usgs.gov/cgi-bin/grapher/graph_windrose.pl -->
  92. 	<table id="freq" border="0" cellspacing="0" cellpadding="0">
  93. 		<tr nowrap bgcolor="#CCCCFF">
  94. 			<th colspan="9" class="hdr">Table of Frequencies (percent)</th>
  95. 		</tr>
  96. 		<tr nowrap bgcolor="#CCCCFF">
  97. 			<th class="freq">Direction</th>
  98. 			<th class="freq">&lt; 0.5 m/s</th>
  99. 			<th class="freq">0.5-2 m/s</th>
  100. 			<th class="freq">2-4 m/s</th>
  101. 			<th class="freq">4-6 m/s</th>
  102. 			<th class="freq">6-8 m/s</th>
  103. 			<th class="freq">8-10 m/s</th>
  104. 			<th class="freq">&gt; 10 m/s</th>
  105. 			<th class="freq">Total</th>
  106. 		</tr>
  107. 		<tr nowrap>
  108. 			<td class="dir">N</td>
  109. 			<td class="data">1.81</td>
  110. 			<td class="data">1.78</td>
  111. 			<td class="data">0.16</td>
  112. 			<td class="data">0.00</td>
  113. 			<td class="data">0.00</td>
  114. 			<td class="data">0.00</td>
  115. 			<td class="data">0.00</td>
  116. 			<td class="data">3.75</td>
  117. 		</tr>		
  118. 		<tr nowrap bgcolor="#DDDDDD">
  119. 			<td class="dir">NNE</td>
  120. 			<td class="data">0.62</td>
  121. 			<td class="data">1.09</td>
  122. 			<td class="data">0.00</td>
  123. 			<td class="data">0.00</td>
  124. 			<td class="data">0.00</td>
  125. 			<td class="data">0.00</td>
  126. 			<td class="data">0.00</td>
  127. 			<td class="data">1.71</td>
  128. 		</tr>
  129. 		<tr nowrap>
  130. 			<td class="dir">NE</td>
  131. 			<td class="data">0.82</td>
  132. 			<td class="data">0.82</td>
  133. 			<td class="data">0.07</td>
  134. 			<td class="data">0.00</td>
  135. 			<td class="data">0.00</td>
  136. 			<td class="data">0.00</td>
  137. 			<td class="data">0.00</td>
  138. 			<td class="data">1.71</td>
  139. 		</tr>
  140. 		<tr nowrap bgcolor="#DDDDDD">
  141. 			<td class="dir">ENE</td>
  142. 			<td class="data">0.59</td>
  143. 			<td class="data">1.22</td>
  144. 			<td class="data">0.07</td>
  145. 			<td class="data">0.00</td>
  146. 			<td class="data">0.00</td>
  147. 			<td class="data">0.00</td>
  148. 			<td class="data">0.00</td>
  149. 			<td class="data">1.88</td>
  150. 		</tr>
  151. 		<tr nowrap>
  152. 			<td class="dir">E</td>
  153. 			<td class="data">0.62</td>
  154. 			<td class="data">2.20</td>
  155. 			<td class="data">0.49</td>
  156. 			<td class="data">0.00</td>
  157. 			<td class="data">0.00</td>
  158. 			<td class="data">0.00</td>
  159. 			<td class="data">0.00</td>
  160. 			<td class="data">3.32</td>
  161. 		</tr>
  162. 		<tr nowrap bgcolor="#DDDDDD">
  163. 			<td class="dir">ESE</td>
  164. 			<td class="data">1.22</td>
  165. 			<td class="data">2.01</td>
  166. 			<td class="data">1.55</td>
  167. 			<td class="data">0.30</td>
  168. 			<td class="data">0.13</td>
  169. 			<td class="data">0.00</td>
  170. 			<td class="data">0.00</td>
  171. 			<td class="data">5.20</td>
  172. 		</tr>
  173. 		<tr nowrap>
  174. 			<td class="dir">SE</td>
  175. 			<td class="data">1.61</td>
  176. 			<td class="data">3.06</td>
  177. 			<td class="data">2.37</td>
  178. 			<td class="data">2.14</td>
  179. 			<td class="data">1.74</td>
  180. 			<td class="data">0.39</td>
  181. 			<td class="data">0.13</td>
  182. 			<td class="data">11.45</td>
  183. 		</tr>
  184. 		<tr nowrap bgcolor="#DDDDDD">
  185. 			<td class="dir">SSE</td>
  186. 			<td class="data">2.04</td>
  187. 			<td class="data">3.42</td>
  188. 			<td class="data">1.97</td>
  189. 			<td class="data">0.86</td>
  190. 			<td class="data">0.53</td>
  191. 			<td class="data">0.49</td>
  192. 			<td class="data">0.00</td>
  193. 			<td class="data">9.31</td>
  194. 		</tr>
  195. 		<tr nowrap>
  196. 			<td class="dir">S</td>
  197. 			<td class="data">2.66</td>
  198. 			<td class="data">4.74</td>
  199. 			<td class="data">0.43</td>
  200. 			<td class="data">0.00</td>
  201. 			<td class="data">0.00</td>
  202. 			<td class="data">0.00</td>
  203. 			<td class="data">0.00</td>
  204. 			<td class="data">7.83</td>
  205. 		</tr>
  206. 		<tr nowrap bgcolor="#DDDDDD">
  207. 			<td class="dir">SSW</td>
  208. 			<td class="data">2.96</td>
  209. 			<td class="data">4.14</td>
  210. 			<td class="data">0.26</td>
  211. 			<td class="data">0.00</td>
  212. 			<td class="data">0.00</td>
  213. 			<td class="data">0.00</td>
  214. 			<td class="data">0.00</td>
  215. 			<td class="data">7.37</td>
  216. 		</tr>
  217. 		<tr nowrap>
  218. 			<td class="dir">SW</td>
  219. 			<td class="data">2.53</td>
  220. 			<td class="data">4.01</td>
  221. 			<td class="data">1.22</td>
  222. 			<td class="data">0.49</td>
  223. 			<td class="data">0.13</td>
  224. 			<td class="data">0.00</td>
  225. 			<td class="data">0.00</td>
  226. 			<td class="data">8.39</td>
  227. 		</tr>
  228. 		<tr nowrap bgcolor="#DDDDDD">
  229. 			<td class="dir">WSW</td>
  230. 			<td class="data">1.97</td>
  231. 			<td class="data">2.66</td>
  232. 			<td class="data">1.97</td>
  233. 			<td class="data">0.79</td>
  234. 			<td class="data">0.30</td>
  235. 			<td class="data">0.00</td>
  236. 			<td class="data">0.00</td>
  237. 			<td class="data">7.70</td>
  238. 		</tr>
  239. 		<tr nowrap>
  240. 			<td class="dir">W</td>
  241. 			<td class="data">1.64</td>
  242. 			<td class="data">1.71</td>
  243. 			<td class="data">0.92</td>
  244. 			<td class="data">1.45</td>
  245. 			<td class="data">0.26</td>
  246. 			<td class="data">0.10</td>
  247. 			<td class="data">0.00</td>
  248. 			<td class="data">6.09</td>
  249. 		</tr>
  250. 		<tr nowrap bgcolor="#DDDDDD">
  251. 			<td class="dir">WNW</td>
  252. 			<td class="data">1.32</td>
  253. 			<td class="data">2.40</td>
  254. 			<td class="data">0.99</td>
  255. 			<td class="data">1.61</td>
  256. 			<td class="data">0.33</td>
  257. 			<td class="data">0.00</td>
  258. 			<td class="data">0.00</td>
  259. 			<td class="data">6.64</td>
  260. 		</tr>
  261. 		<tr nowrap>
  262. 			<td class="dir">NW</td>
  263. 			<td class="data">1.58</td>
  264. 			<td class="data">4.28</td>
  265. 			<td class="data">1.28</td>
  266. 			<td class="data">0.76</td>
  267. 			<td class="data">0.66</td>
  268. 			<td class="data">0.69</td>
  269. 			<td class="data">0.03</td>
  270. 			<td class="data">9.28</td>
  271. 		</tr>		
  272. 		<tr nowrap bgcolor="#DDDDDD">
  273. 			<td class="dir">NNW</td>
  274. 			<td class="data">1.51</td>
  275. 			<td class="data">5.00</td>
  276. 			<td class="data">1.32</td>
  277. 			<td class="data">0.13</td>
  278. 			<td class="data">0.23</td>
  279. 			<td class="data">0.13</td>
  280. 			<td class="data">0.07</td>
  281. 			<td class="data">8.39</td>
  282. 		</tr>
  283. 		<tr nowrap>
  284. 			<td class="totals">Total</td>
  285. 			<td class="totals">25.53</td>
  286. 			<td class="totals">44.54</td>
  287. 			<td class="totals">15.07</td>
  288. 			<td class="totals">8.52</td>
  289. 			<td class="totals">4.31</td>
  290. 			<td class="totals">1.81</td>
  291. 			<td class="totals">0.23</td>
  292. 			<td class="totals">&nbsp;</td>
  293. 		</tr>
  294. 	</table>
  295. </div>
  296. 

  297. 

  298. 	</body>
  299. </html>