Home Explore Help
Sign In
wangtao
/
fireInternet
1
0
Fork 0
Files Issues 0 Pull Requests 0 Wiki
Branch: master
Branches Tags
fireInternet
/
res
/
highcharts
/
examples
/
vector-plot
/
index.htm

index.htm 13 KB
Permalink History Raw

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445 
  1. <!DOCTYPE HTML>
    2. 

  2. <html>
    3. 

  3. 	<head>
    4. 

  4. 		<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    5. 

  5. 		<meta name="viewport" content="width=device-width, initial-scale=1">
    6. 

  6. 		<title>Highcharts Example</title>
    7. 

  7. 

  8. 		<style type="text/css">
    9. 

  9. #container {
    10. 

  10.     min-width: 30px;
    11. 

  11.     max-width: 600px;
    12. 

  12.     height: 500px;
    13. 

  13.     margin: 1em auto;
    14. 

  14. }
    15. 

  15. 

  16. #csv {
    17. 

  17. 	display: none;
    18. 

  18. }
    19. 

  19. 		</style>
    20. 

  20. 	</head>
    21. 

  21. 	<body>
    22. 

  22. <script src="../../code/highcharts.js"></script>
    23. 

  23. <script src="../../code/modules/vector.js"></script>
    24. 

  24. <script src="../../code/modules/exporting.js"></script>
    25. 

  25. 

  26. <div id="container"></div>
    27. 

  27. 

  28. 

  29. 

  30. 

  31. 		<script type="text/javascript">
    32. 

  32. 

  33. Highcharts.chart('container', {
    34. 

  34. 

  35.     title: {
    36. 

  36.         text: 'Highcharts Vector plot'
    37. 

  37.     },
    38. 

  38.     xAxis: {
    39. 

  39.         min: 0,
    40. 

  40.         max: 100,
    41. 

  41.         gridLineWidth: 1
    42. 

  42.     },
    43. 

  43.     yAxis: {
    44. 

  44.         min: 0,
    45. 

  45.         max: 100
    46. 

  46.     },
    47. 

  47.     series: [{
    48. 

  48.         type: 'vector',
    49. 

  49.         name: 'Sample vector field',
    50. 

  50.         color: Highcharts.getOptions().colors[1],
    51. 

  51.         data: [
    52. 

  52.             [5, 5, 190, 18],
    53. 

  53.             [5, 10, 185, 27],
    54. 

  54.             [5, 15, 180, 36],
    55. 

  55.             [5, 20, 175, 45],
    56. 

  56.             [5, 25, 170, 54],
    57. 

  57.             [5, 30, 165, 63],
    58. 

  58.             [5, 35, 160, 72],
    59. 

  59.             [5, 40, 155, 81],
    60. 

  60.             [5, 45, 150, 90],
    61. 

  61.             [5, 50, 145, 99],
    62. 

  62.             [5, 55, 140, 108],
    63. 

  63.             [5, 60, 135, 117],
    64. 

  64.             [5, 65, 130, 126],
    65. 

  65.             [5, 70, 125, 135],
    66. 

  66.             [5, 75, 120, 144],
    67. 

  67.             [5, 80, 115, 153],
    68. 

  68.             [5, 85, 110, 162],
    69. 

  69.             [5, 90, 105, 171],
    70. 

  70.             [5, 95, 100, 180],
    71. 

  71.             [10, 5, 185, 27],
    72. 

  72.             [10, 10, 180, 36],
    73. 

  73.             [10, 15, 175, 45],
    74. 

  74.             [10, 20, 170, 54],
    75. 

  75.             [10, 25, 165, 63],
    76. 

  76.             [10, 30, 160, 72],
    77. 

  77.             [10, 35, 155, 81],
    78. 

  78.             [10, 40, 150, 90],
    79. 

  79.             [10, 45, 145, 99],
    80. 

  80.             [10, 50, 140, 108],
    81. 

  81.             [10, 55, 135, 117],
    82. 

  82.             [10, 60, 130, 126],
    83. 

  83.             [10, 65, 125, 135],
    84. 

  84.             [10, 70, 120, 144],
    85. 

  85.             [10, 75, 115, 153],
    86. 

  86.             [10, 80, 110, 162],
    87. 

  87.             [10, 85, 105, 171],
    88. 

  88.             [10, 90, 100, 180],
    89. 

  89.             [10, 95, 95, 189],
    90. 

  90.             [15, 5, 180, 36],
    91. 

  91.             [15, 10, 175, 45],
    92. 

  92.             [15, 15, 170, 54],
    93. 

  93.             [15, 20, 165, 63],
    94. 

  94.             [15, 25, 160, 72],
    95. 

  95.             [15, 30, 155, 81],
    96. 

  96.             [15, 35, 150, 90],
    97. 

  97.             [15, 40, 145, 99],
    98. 

  98.             [15, 45, 140, 108],
    99. 

  99.             [15, 50, 135, 117],
    100. 

  100.             [15, 55, 130, 126],
    101. 

  101.             [15, 60, 125, 135],
    102. 

  102.             [15, 65, 120, 144],
    103. 

  103.             [15, 70, 115, 153],
    104. 

  104.             [15, 75, 110, 162],
    105. 

  105.             [15, 80, 105, 171],
    106. 

  106.             [15, 85, 100, 180],
    107. 

  107.             [15, 90, 95, 189],
    108. 

  108.             [15, 95, 90, 198],
    109. 

  109.             [20, 5, 175, 45],
    110. 

  110.             [20, 10, 170, 54],
    111. 

  111.             [20, 15, 165, 63],
    112. 

  112.             [20, 20, 160, 72],
    113. 

  113.             [20, 25, 155, 81],
    114. 

  114.             [20, 30, 150, 90],
    115. 

  115.             [20, 35, 145, 99],
    116. 

  116.             [20, 40, 140, 108],
    117. 

  117.             [20, 45, 135, 117],
    118. 

  118.             [20, 50, 130, 126],
    119. 

  119.             [20, 55, 125, 135],
    120. 

  120.             [20, 60, 120, 144],
    121. 

  121.             [20, 65, 115, 153],
    122. 

  122.             [20, 70, 110, 162],
    123. 

  123.             [20, 75, 105, 171],
    124. 

  124.             [20, 80, 100, 180],
    125. 

  125.             [20, 85, 95, 189],
    126. 

  126.             [20, 90, 90, 198],
    127. 

  127.             [20, 95, 85, 207],
    128. 

  128.             [25, 5, 170, 54],
    129. 

  129.             [25, 10, 165, 63],
    130. 

  130.             [25, 15, 160, 72],
    131. 

  131.             [25, 20, 155, 81],
    132. 

  132.             [25, 25, 150, 90],
    133. 

  133.             [25, 30, 145, 99],
    134. 

  134.             [25, 35, 140, 108],
    135. 

  135.             [25, 40, 135, 117],
    136. 

  136.             [25, 45, 130, 126],
    137. 

  137.             [25, 50, 125, 135],
    138. 

  138.             [25, 55, 120, 144],
    139. 

  139.             [25, 60, 115, 153],
    140. 

  140.             [25, 65, 110, 162],
    141. 

  141.             [25, 70, 105, 171],
    142. 

  142.             [25, 75, 100, 180],
    143. 

  143.             [25, 80, 95, 189],
    144. 

  144.             [25, 85, 90, 198],
    145. 

  145.             [25, 90, 85, 207],
    146. 

  146.             [25, 95, 80, 216],
    147. 

  147.             [30, 5, 165, 63],
    148. 

  148.             [30, 10, 160, 72],
    149. 

  149.             [30, 15, 155, 81],
    150. 

  150.             [30, 20, 150, 90],
    151. 

  151.             [30, 25, 145, 99],
    152. 

  152.             [30, 30, 140, 108],
    153. 

  153.             [30, 35, 135, 117],
    154. 

  154.             [30, 40, 130, 126],
    155. 

  155.             [30, 45, 125, 135],
    156. 

  156.             [30, 50, 120, 144],
    157. 

  157.             [30, 55, 115, 153],
    158. 

  158.             [30, 60, 110, 162],
    159. 

  159.             [30, 65, 105, 171],
    160. 

  160.             [30, 70, 100, 180],
    161. 

  161.             [30, 75, 95, 189],
    162. 

  162.             [30, 80, 90, 198],
    163. 

  163.             [30, 85, 85, 207],
    164. 

  164.             [30, 90, 80, 216],
    165. 

  165.             [30, 95, 75, 225],
    166. 

  166.             [35, 5, 160, 72],
    167. 

  167.             [35, 10, 155, 81],
    168. 

  168.             [35, 15, 150, 90],
    169. 

  169.             [35, 20, 145, 99],
    170. 

  170.             [35, 25, 140, 108],
    171. 

  171.             [35, 30, 135, 117],
    172. 

  172.             [35, 35, 130, 126],
    173. 

  173.             [35, 40, 125, 135],
    174. 

  174.             [35, 45, 120, 144],
    175. 

  175.             [35, 50, 115, 153],
    176. 

  176.             [35, 55, 110, 162],
    177. 

  177.             [35, 60, 105, 171],
    178. 

  178.             [35, 65, 100, 180],
    179. 

  179.             [35, 70, 95, 189],
    180. 

  180.             [35, 75, 90, 198],
    181. 

  181.             [35, 80, 85, 207],
    182. 

  182.             [35, 85, 80, 216],
    183. 

  183.             [35, 90, 75, 225],
    184. 

  184.             [35, 95, 70, 234],
    185. 

  185.             [40, 5, 155, 81],
    186. 

  186.             [40, 10, 150, 90],
    187. 

  187.             [40, 15, 145, 99],
    188. 

  188.             [40, 20, 140, 108],
    189. 

  189.             [40, 25, 135, 117],
    190. 

  190.             [40, 30, 130, 126],
    191. 

  191.             [40, 35, 125, 135],
    192. 

  192.             [40, 40, 120, 144],
    193. 

  193.             [40, 45, 115, 153],
    194. 

  194.             [40, 50, 110, 162],
    195. 

  195.             [40, 55, 105, 171],
    196. 

  196.             [40, 60, 100, 180],
    197. 

  197.             [40, 65, 95, 189],
    198. 

  198.             [40, 70, 90, 198],
    199. 

  199.             [40, 75, 85, 207],
    200. 

  200.             [40, 80, 80, 216],
    201. 

  201.             [40, 85, 75, 225],
    202. 

  202.             [40, 90, 70, 234],
    203. 

  203.             [40, 95, 65, 243],
    204. 

  204.             [45, 5, 150, 90],
    205. 

  205.             [45, 10, 145, 99],
    206. 

  206.             [45, 15, 140, 108],
    207. 

  207.             [45, 20, 135, 117],
    208. 

  208.             [45, 25, 130, 126],
    209. 

  209.             [45, 30, 125, 135],
    210. 

  210.             [45, 35, 120, 144],
    211. 

  211.             [45, 40, 115, 153],
    212. 

  212.             [45, 45, 110, 162],
    213. 

  213.             [45, 50, 105, 171],
    214. 

  214.             [45, 55, 100, 180],
    215. 

  215.             [45, 60, 95, 189],
    216. 

  216.             [45, 65, 90, 198],
    217. 

  217.             [45, 70, 85, 207],
    218. 

  218.             [45, 75, 80, 216],
    219. 

  219.             [45, 80, 75, 225],
    220. 

  220.             [45, 85, 70, 234],
    221. 

  221.             [45, 90, 65, 243],
    222. 

  222.             [45, 95, 60, 252],
    223. 

  223.             [50, 5, 145, 99],
    224. 

  224.             [50, 10, 140, 108],
    225. 

  225.             [50, 15, 135, 117],
    226. 

  226.             [50, 20, 130, 126],
    227. 

  227.             [50, 25, 125, 135],
    228. 

  228.             [50, 30, 120, 144],
    229. 

  229.             [50, 35, 115, 153],
    230. 

  230.             [50, 40, 110, 162],
    231. 

  231.             [50, 45, 105, 171],
    232. 

  232.             [50, 50, 100, 180],
    233. 

  233.             [50, 55, 95, 189],
    234. 

  234.             [50, 60, 90, 198],
    235. 

  235.             [50, 65, 85, 207],
    236. 

  236.             [50, 70, 80, 216],
    237. 

  237.             [50, 75, 75, 225],
    238. 

  238.             [50, 80, 70, 234],
    239. 

  239.             [50, 85, 65, 243],
    240. 

  240.             [50, 90, 60, 252],
    241. 

  241.             [50, 95, 55, 261],
    242. 

  242.             [55, 5, 140, 108],
    243. 

  243.             [55, 10, 135, 117],
    244. 

  244.             [55, 15, 130, 126],
    245. 

  245.             [55, 20, 125, 135],
    246. 

  246.             [55, 25, 120, 144],
    247. 

  247.             [55, 30, 115, 153],
    248. 

  248.             [55, 35, 110, 162],
    249. 

  249.             [55, 40, 105, 171],
    250. 

  250.             [55, 45, 100, 180],
    251. 

  251.             [55, 50, 95, 189],
    252. 

  252.             [55, 55, 90, 198],
    253. 

  253.             [55, 60, 85, 207],
    254. 

  254.             [55, 65, 80, 216],
    255. 

  255.             [55, 70, 75, 225],
    256. 

  256.             [55, 75, 70, 234],
    257. 

  257.             [55, 80, 65, 243],
    258. 

  258.             [55, 85, 60, 252],
    259. 

  259.             [55, 90, 55, 261],
    260. 

  260.             [55, 95, 50, 270],
    261. 

  261.             [60, 5, 135, 117],
    262. 

  262.             [60, 10, 130, 126],
    263. 

  263.             [60, 15, 125, 135],
    264. 

  264.             [60, 20, 120, 144],
    265. 

  265.             [60, 25, 115, 153],
    266. 

  266.             [60, 30, 110, 162],
    267. 

  267.             [60, 35, 105, 171],
    268. 

  268.             [60, 40, 100, 180],
    269. 

  269.             [60, 45, 95, 189],
    270. 

  270.             [60, 50, 90, 198],
    271. 

  271.             [60, 55, 85, 207],
    272. 

  272.             [60, 60, 80, 216],
    273. 

  273.             [60, 65, 75, 225],
    274. 

  274.             [60, 70, 70, 234],
    275. 

  275.             [60, 75, 65, 243],
    276. 

  276.             [60, 80, 60, 252],
    277. 

  277.             [60, 85, 55, 261],
    278. 

  278.             [60, 90, 50, 270],
    279. 

  279.             [60, 95, 45, 279],
    280. 

  280.             [65, 5, 130, 126],
    281. 

  281.             [65, 10, 125, 135],
    282. 

  282.             [65, 15, 120, 144],
    283. 

  283.             [65, 20, 115, 153],
    284. 

  284.             [65, 25, 110, 162],
    285. 

  285.             [65, 30, 105, 171],
    286. 

  286.             [65, 35, 100, 180],
    287. 

  287.             [65, 40, 95, 189],
    288. 

  288.             [65, 45, 90, 198],
    289. 

  289.             [65, 50, 85, 207],
    290. 

  290.             [65, 55, 80, 216],
    291. 

  291.             [65, 60, 75, 225],
    292. 

  292.             [65, 65, 70, 234],
    293. 

  293.             [65, 70, 65, 243],
    294. 

  294.             [65, 75, 60, 252],
    295. 

  295.             [65, 80, 55, 261],
    296. 

  296.             [65, 85, 50, 270],
    297. 

  297.             [65, 90, 45, 279],
    298. 

  298.             [65, 95, 40, 288],
    299. 

  299.             [70, 5, 125, 135],
    300. 

  300.             [70, 10, 120, 144],
    301. 

  301.             [70, 15, 115, 153],
    302. 

  302.             [70, 20, 110, 162],
    303. 

  303.             [70, 25, 105, 171],
    304. 

  304.             [70, 30, 100, 180],
    305. 

  305.             [70, 35, 95, 189],
    306. 

  306.             [70, 40, 90, 198],
    307. 

  307.             [70, 45, 85, 207],
    308. 

  308.             [70, 50, 80, 216],
    309. 

  309.             [70, 55, 75, 225],
    310. 

  310.             [70, 60, 70, 234],
    311. 

  311.             [70, 65, 65, 243],
    312. 

  312.             [70, 70, 60, 252],
    313. 

  313.             [70, 75, 55, 261],
    314. 

  314.             [70, 80, 50, 270],
    315. 

  315.             [70, 85, 45, 279],
    316. 

  316.             [70, 90, 40, 288],
    317. 

  317.             [70, 95, 35, 297],
    318. 

  318.             [75, 5, 120, 144],
    319. 

  319.             [75, 10, 115, 153],
    320. 

  320.             [75, 15, 110, 162],
    321. 

  321.             [75, 20, 105, 171],
    322. 

  322.             [75, 25, 100, 180],
    323. 

  323.             [75, 30, 95, 189],
    324. 

  324.             [75, 35, 90, 198],
    325. 

  325.             [75, 40, 85, 207],
    326. 

  326.             [75, 45, 80, 216],
    327. 

  327.             [75, 50, 75, 225],
    328. 

  328.             [75, 55, 70, 234],
    329. 

  329.             [75, 60, 65, 243],
    330. 

  330.             [75, 65, 60, 252],
    331. 

  331.             [75, 70, 55, 261],
    332. 

  332.             [75, 75, 50, 270],
    333. 

  333.             [75, 80, 45, 279],
    334. 

  334.             [75, 85, 40, 288],
    335. 

  335.             [75, 90, 35, 297],
    336. 

  336.             [75, 95, 30, 306],
    337. 

  337.             [80, 5, 115, 153],
    338. 

  338.             [80, 10, 110, 162],
    339. 

  339.             [80, 15, 105, 171],
    340. 

  340.             [80, 20, 100, 180],
    341. 

  341.             [80, 25, 95, 189],
    342. 

  342.             [80, 30, 90, 198],
    343. 

  343.             [80, 35, 85, 207],
    344. 

  344.             [80, 40, 80, 216],
    345. 

  345.             [80, 45, 75, 225],
    346. 

  346.             [80, 50, 70, 234],
    347. 

  347.             [80, 55, 65, 243],
    348. 

  348.             [80, 60, 60, 252],
    349. 

  349.             [80, 65, 55, 261],
    350. 

  350.             [80, 70, 50, 270],
    351. 

  351.             [80, 75, 45, 279],
    352. 

  352.             [80, 80, 40, 288],
    353. 

  353.             [80, 85, 35, 297],
    354. 

  354.             [80, 90, 30, 306],
    355. 

  355.             [80, 95, 25, 315],
    356. 

  356.             [85, 5, 110, 162],
    357. 

  357.             [85, 10, 105, 171],
    358. 

  358.             [85, 15, 100, 180],
    359. 

  359.             [85, 20, 95, 189],
    360. 

  360.             [85, 25, 90, 198],
    361. 

  361.             [85, 30, 85, 207],
    362. 

  362.             [85, 35, 80, 216],
    363. 

  363.             [85, 40, 75, 225],
    364. 

  364.             [85, 45, 70, 234],
    365. 

  365.             [85, 50, 65, 243],
    366. 

  366.             [85, 55, 60, 252],
    367. 

  367.             [85, 60, 55, 261],
    368. 

  368.             [85, 65, 50, 270],
    369. 

  369.             [85, 70, 45, 279],
    370. 

  370.             [85, 75, 40, 288],
    371. 

  371.             [85, 80, 35, 297],
    372. 

  372.             [85, 85, 30, 306],
    373. 

  373.             [85, 90, 25, 315],
    374. 

  374.             [85, 95, 20, 324],
    375. 

  375.             [90, 5, 105, 171],
    376. 

  376.             [90, 10, 100, 180],
    377. 

  377.             [90, 15, 95, 189],
    378. 

  378.             [90, 20, 90, 198],
    379. 

  379.             [90, 25, 85, 207],
    380. 

  380.             [90, 30, 80, 216],
    381. 

  381.             [90, 35, 75, 225],
    382. 

  382.             [90, 40, 70, 234],
    383. 

  383.             [90, 45, 65, 243],
    384. 

  384.             [90, 50, 60, 252],
    385. 

  385.             [90, 55, 55, 261],
    386. 

  386.             [90, 60, 50, 270],
    387. 

  387.             [90, 65, 45, 279],
    388. 

  388.             [90, 70, 40, 288],
    389. 

  389.             [90, 75, 35, 297],
    390. 

  390.             [90, 80, 30, 306],
    391. 

  391.             [90, 85, 25, 315],
    392. 

  392.             [90, 90, 20, 324],
    393. 

  393.             [90, 95, 15, 333],
    394. 

  394.             [95, 5, 100, 180],
    395. 

  395.             [95, 10, 95, 189],
    396. 

  396.             [95, 15, 90, 198],
    397. 

  397.             [95, 20, 85, 207],
    398. 

  398.             [95, 25, 80, 216],
    399. 

  399.             [95, 30, 75, 225],
    400. 

  400.             [95, 35, 70, 234],
    401. 

  401.             [95, 40, 65, 243],
    402. 

  402.             [95, 45, 60, 252],
    403. 

  403.             [95, 50, 55, 261],
    404. 

  404.             [95, 55, 50, 270],
    405. 

  405.             [95, 60, 45, 279],
    406. 

  406.             [95, 65, 40, 288],
    407. 

  407.             [95, 70, 35, 297],
    408. 

  408.             [95, 75, 30, 306],
    409. 

  409.             [95, 80, 25, 315],
    410. 

  410.             [95, 85, 20, 324],
    411. 

  411.             [95, 90, 15, 333],
    412. 

  412.             [95, 95, 10, 342]
    413. 

  413.         ]
    414. 

  414.     }]
    415. 

  415. 

  416. });
    417. 

  417. 

  418. // The sample data was created using this formula:
    419. 

  419. /*
    420. 

  420. function generateData() {
    421. 

  421.     var data = [],
    422. 

  422.         x,
    423. 

  423.         y,
    424. 

  424.         length,
    425. 

  425.         direction;
    426. 

  426. 

  427.     for (x = 5; x < 100; x += 5) {
    428. 

  428.         for (y = 5; y < 100; y += 5) {
    429. 

  429.             length = Math.round(200 - (x + y));
    430. 

  430.             direction = Math.round((x + y) / 200 * 360);
    431. 

  431.             data.push([
    432. 

  432.                 x,
    433. 

  433.                 y,
    434. 

  434.                 length,
    435. 

  435.                 direction
    436. 

  436.             ].join(', '));
    437. 

  437.         }
    438. 

  438.     }
    439. 

  439.     console.log('[\n    [' + data.join('],\n    [') + ']\n]');
    440. 

  440. }
    441. 

  441. generateData();
    442. 

  442. // */
    443. 

  443. 		</script>
    444. 

  444. 	</body>
    445. 

  445. </html>
    446.