Highstock图表插件的一个详细的Demo，日期什么全部中文

最新推荐文章于 2024-04-24 16:41:00 发布
最新推荐文章于 2024-04-24 16:41:00 发布
阅读量796 收藏
点赞数
分类专栏： android 文章标签： android

转载：http://blog.csdn.net/wan368500/article/details/7722136

补充：这里初次写的时候，出发点是修改JS，但是从JIA哥方法里，学到直接修改属性，当然前提是怎么修改属性呢？？？？用浏览器打开然后->右键审查元素


模板转载：

 Hightcharts是一个非常不错的图标插件，支持非常多的种类，柱形图，饼图，动态图，折线趋势图，真是应有尽有啊，官网是http://www.highcharts.com/，详细介绍的话里面也有APi，下面我就以我自己实际的例子来做个Demo吧，欢迎大家指教。

        首先应该引入相关的js‘，我这里做的是趋势图，需要的是highstock.js，有一个地方需要注意的是这个js文件是依赖JQuery的，所以首先应该引入jquery-1.7.2.min.js,然后再引入hightstock.js,顺序调换的话是不行的，运行出错，这就不再赘述了，所有的Demo代码如下：

[html] view plain copy
  1. <html>    
  2. <head>    
  3. <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">    
  4. <title>title</title>    
  5.   
  6. </head>    
  7.   <body>  
  8.    <div id="container" style="height: 400px; min-width: 600px"></div>  
  9.   </body>  
  10.   <script type="text/javascript" src="jquery-1.7.2.min.js"></script>  
  11.   <script type="text/javascript" src="highstock.js"></script>  
  12.   
  13.   
  14.   <script type="text/javascript">  
  15.   var usdeur = [  
  16. [Date.UTC(2010,0,1),0.6976],  
  17. [Date.UTC(2010,0,4),0.6932],  
  18. [Date.UTC(2010,0,5),0.6962],  
  19. [Date.UTC(2010,0,6),0.6944],  
  20. [Date.UTC(2010,0,7),0.6985],  
  21. [Date.UTC(2010,0,8),0.694],  
  22. [Date.UTC(2010,0,11),0.6893],  
  23. [Date.UTC(2010,0,12),0.6908],  
  24. [Date.UTC(2010,0,13),0.6886],  
  25. [Date.UTC(2010,0,14),0.6897],  
  26. [Date.UTC(2010,0,15),0.6951],  
  27. [Date.UTC(2010,0,18),0.6943],  
  28. [Date.UTC(2010,0,19),0.7003],  
  29. [Date.UTC(2010,0,20),0.7086],  
  30. [Date.UTC(2010,0,21),0.7093],  
  31. [Date.UTC(2010,0,22),0.7074],  
  32. [Date.UTC(2010,0,25),0.7069],  
  33. [Date.UTC(2010,0,26),0.7101],  
  34. [Date.UTC(2010,0,27),0.7128],  
  35. [Date.UTC(2010,0,28),0.7162],  
  36. [Date.UTC(2010,0,29),0.7214],  
  37. [Date.UTC(2010,1,1),0.7184],  
  38. [Date.UTC(2010,1,2),0.7156],  
  39. [Date.UTC(2010,1,3),0.7195],  
  40. [Date.UTC(2010,1,4),0.7278],  
  41. [Date.UTC(2010,1,5),0.7312],  
  42. [Date.UTC(2010,1,8),0.7324],  
  43. [Date.UTC(2010,1,9),0.7256],  
  44. [Date.UTC(2010,1,10),0.7274],  
  45. [Date.UTC(2010,1,11),0.7307],  
  46. [Date.UTC(2010,1,12),0.7336],  
  47. [Date.UTC(2010,1,15),0.7355],  
  48. [Date.UTC(2010,1,16),0.7267],  
  49. [Date.UTC(2010,1,17),0.7349],  
  50. [Date.UTC(2010,1,18),0.7431],  
  51. [Date.UTC(2010,1,19),0.7348],  
  52. [Date.UTC(2010,1,22),0.735],  
  53. [Date.UTC(2010,1,23),0.7395],  
  54. [Date.UTC(2010,1,24),0.7386],  
  55. [Date.UTC(2010,1,25),0.7388],  
  56. [Date.UTC(2010,1,26),0.7337],  
  57. [Date.UTC(2010,2,1),0.7375],  
  58. [Date.UTC(2010,2,2),0.7343],  
  59. [Date.UTC(2010,2,3),0.7299],  
  60. [Date.UTC(2010,2,4),0.7363],  
  61. [Date.UTC(2010,2,5),0.7341],  
  62. [Date.UTC(2010,2,8),0.7345],  
  63. [Date.UTC(2010,2,9),0.735],  
  64. [Date.UTC(2010,2,10),0.7331],  
  65. [Date.UTC(2010,2,11),0.7309],  
  66. [Date.UTC(2010,2,12),0.7264],  
  67. [Date.UTC(2010,2,15),0.7313],  
  68. [Date.UTC(2010,2,16),0.7264],  
  69. [Date.UTC(2010,2,17),0.7281],  
  70. [Date.UTC(2010,2,18),0.7348],  
  71. [Date.UTC(2010,2,19),0.7391],  
  72. [Date.UTC(2010,2,22),0.7371],  
  73. [Date.UTC(2010,2,23),0.7425],  
  74. [Date.UTC(2010,2,24),0.7503],  
  75. [Date.UTC(2010,2,25),0.7516],  
  76. [Date.UTC(2010,2,26),0.7458],  
  77. [Date.UTC(2010,2,29),0.7413],  
  78. [Date.UTC(2010,2,30),0.7444],  
  79. [Date.UTC(2010,2,31),0.7393],  
  80. [Date.UTC(2010,3,1),0.736],  
  81. [Date.UTC(2010,3,2),0.7406],  
  82. [Date.UTC(2010,3,5),0.7424],  
  83. [Date.UTC(2010,3,6),0.7473],  
  84. [Date.UTC(2010,3,7),0.7501],  
  85. [Date.UTC(2010,3,8),0.7477],  
  86. [Date.UTC(2010,3,9),0.7408],  
  87. [Date.UTC(2010,3,12),0.7361],  
  88. [Date.UTC(2010,3,13),0.7345],  
  89. [Date.UTC(2010,3,14),0.7324],  
  90. [Date.UTC(2010,3,15),0.7373],  
  91. [Date.UTC(2010,3,16),0.7406],  
  92. [Date.UTC(2010,3,19),0.7416],  
  93. [Date.UTC(2010,3,20),0.745],  
  94. [Date.UTC(2010,3,21),0.747],  
  95. [Date.UTC(2010,3,22),0.7563],  
  96. [Date.UTC(2010,3,23),0.7472],  
  97. [Date.UTC(2010,3,26),0.7467],  
  98. [Date.UTC(2010,3,27),0.7589],  
  99. [Date.UTC(2010,3,28),0.7578],  
  100. [Date.UTC(2010,3,29),0.7547],  
  101. [Date.UTC(2010,3,30),0.7524],  
  102. [Date.UTC(2010,4,3),0.7579],  
  103. [Date.UTC(2010,4,4),0.7706],  
  104. [Date.UTC(2010,4,5),0.7806],  
  105. [Date.UTC(2010,4,6),0.7903],  
  106. [Date.UTC(2010,4,7),0.7842],  
  107. [Date.UTC(2010,4,10),0.7852],  
  108. [Date.UTC(2010,4,11),0.7912],  
  109. [Date.UTC(2010,4,12),0.7909],  
  110. [Date.UTC(2010,4,13),0.7982],  
  111. [Date.UTC(2010,4,14),0.8091],  
  112. [Date.UTC(2010,4,17),0.8076],  
  113. [Date.UTC(2010,4,18),0.8235],  
  114. [Date.UTC(2010,4,19),0.8075],  
  115. [Date.UTC(2010,4,20),0.7974],  
  116. [Date.UTC(2010,4,21),0.7954],  
  117. [Date.UTC(2010,4,24),0.8105],  
  118. [Date.UTC(2010,4,25),0.8109],  
  119. [Date.UTC(2010,4,26),0.821],  
  120. [Date.UTC(2010,4,27),0.8087],  
  121. [Date.UTC(2010,4,28),0.8143],  
  122. [Date.UTC(2010,4,31),0.8149],  
  123. [Date.UTC(2010,5,1),0.8167],  
  124. [Date.UTC(2010,5,2),0.8163],  
  125. [Date.UTC(2010,5,3),0.8214],  
  126. [Date.UTC(2010,5,4),0.8357],  
  127. [Date.UTC(2010,5,7),0.8389],  
  128. [Date.UTC(2010,5,8),0.8364],  
  129. [Date.UTC(2010,5,9),0.8342],  
  130. [Date.UTC(2010,5,10),0.8244],  
  131. [Date.UTC(2010,5,11),0.8257],  
  132. [Date.UTC(2010,5,14),0.819],  
  133. [Date.UTC(2010,5,15),0.8121],  
  134. [Date.UTC(2010,5,16),0.8131],  
  135. [Date.UTC(2010,5,17),0.8074],  
  136. [Date.UTC(2010,5,18),0.8072],  
  137. [Date.UTC(2010,5,21),0.8116],  
  138. [Date.UTC(2010,5,22),0.8148],  
  139. [Date.UTC(2010,5,23),0.8129],  
  140. [Date.UTC(2010,5,24),0.8107],  
  141. [Date.UTC(2010,5,25),0.808],  
  142. [Date.UTC(2010,5,28),0.8141],  
  143. [Date.UTC(2010,5,29),0.8207],  
  144. [Date.UTC(2010,5,30),0.8179],  
  145. [Date.UTC(2010,6,1),0.7993],  
  146. [Date.UTC(2010,6,2),0.7967],  
  147. [Date.UTC(2010,6,5),0.7995],  
  148. [Date.UTC(2010,6,6),0.7923],  
  149. [Date.UTC(2010,6,7),0.7921],  
  150. [Date.UTC(2010,6,8),0.7881],  
  151. [Date.UTC(2010,6,9),0.7911],  
  152. [Date.UTC(2010,6,12),0.7935],  
  153. [Date.UTC(2010,6,13),0.7862],  
  154. [Date.UTC(2010,6,14),0.7854],  
  155. [Date.UTC(2010,6,15),0.7741],  
  156. [Date.UTC(2010,6,16),0.7735],  
  157. [Date.UTC(2010,6,19),0.773],  
  158. [Date.UTC(2010,6,20),0.7749],  
  159. [Date.UTC(2010,6,21),0.7838],  
  160. [Date.UTC(2010,6,22),0.7745],  
  161. [Date.UTC(2010,6,23),0.775],  
  162. [Date.UTC(2010,6,26),0.7703],  
  163. [Date.UTC(2010,6,27),0.7699],  
  164. [Date.UTC(2010,6,28),0.7694],  
  165. [Date.UTC(2010,6,29),0.7653],  
  166. [Date.UTC(2010,6,30),0.7663],  
  167. [Date.UTC(2010,7,2),0.7592],  
  168. [Date.UTC(2010,7,3),0.7564],  
  169. [Date.UTC(2010,7,4),0.7603],  
  170. [Date.UTC(2010,7,5),0.7588],  
  171. [Date.UTC(2010,7,6),0.753],  
  172. [Date.UTC(2010,7,8),0.7567],  
  173. [Date.UTC(2010,7,10),0.7602],  
  174. [Date.UTC(2010,7,11),0.7785],  
  175. [Date.UTC(2010,7,12),0.7787],  
  176. [Date.UTC(2010,7,13),0.7843],  
  177. [Date.UTC(2010,7,16),0.7806],  
  178. [Date.UTC(2010,7,17),0.7771],  
  179. [Date.UTC(2010,7,18),0.7816],  
  180. [Date.UTC(2010,7,19),0.7808],  
  181. [Date.UTC(2010,7,20),0.787],  
  182. [Date.UTC(2010,7,23),0.7918],  
  183. [Date.UTC(2010,7,24),0.7914],  
  184. [Date.UTC(2010,7,25),0.7891],  
  185. [Date.UTC(2010,7,26),0.7872],  
  186. [Date.UTC(2010,7,27),0.7836],  
  187. [Date.UTC(2010,7,30),0.7896],  
  188. [Date.UTC(2010,7,31),0.7891],  
  189. [Date.UTC(2010,8,1),0.7816],  
  190. [Date.UTC(2010,8,2),0.7804],  
  191. [Date.UTC(2010,8,3),0.7755],  
  192. [Date.UTC(2010,8,6),0.7802],  
  193. [Date.UTC(2010,8,7),0.788],  
  194. [Date.UTC(2010,8,8),0.7859],  
  195. [Date.UTC(2010,8,9),0.7888],  
  196. [Date.UTC(2010,8,10),0.7892],  
  197. [Date.UTC(2010,8,13),0.7774],  
  198. [Date.UTC(2010,8,14),0.7695],  
  199. [Date.UTC(2010,8,15),0.7686],  
  200. [Date.UTC(2010,8,16),0.7654],  
  201. [Date.UTC(2010,8,17),0.7662],  
  202. [Date.UTC(2010,8,20),0.7656],  
  203. [Date.UTC(2010,8,21),0.7528],  
  204. [Date.UTC(2010,8,22),0.7467],  
  205. [Date.UTC(2010,8,23),0.7523],  
  206. [Date.UTC(2010,8,24),0.7415],  
  207. [Date.UTC(2010,8,27),0.7447],  
  208. [Date.UTC(2010,8,28),0.7368],  
  209. [Date.UTC(2010,8,29),0.734],  
  210. [Date.UTC(2010,8,30),0.7337],  
  211. [Date.UTC(2010,9,1),0.7253],  
  212. [Date.UTC(2010,9,4),0.7328],  
  213. [Date.UTC(2010,9,5),0.7219],  
  214. [Date.UTC(2010,9,6),0.7186],  
  215. [Date.UTC(2010,9,7),0.7182],  
  216. [Date.UTC(2010,9,8),0.7173],  
  217. [Date.UTC(2010,9,11),0.7212],  
  218. [Date.UTC(2010,9,12),0.7184],  
  219. [Date.UTC(2010,9,13),0.7152],  
  220. [Date.UTC(2010,9,14),0.7131],  
  221. [Date.UTC(2010,9,15),0.7155],  
  222. [Date.UTC(2010,9,18),0.7162],  
  223. [Date.UTC(2010,9,19),0.73],  
  224. [Date.UTC(2010,9,20),0.7156],  
  225. [Date.UTC(2010,9,21),0.7189],  
  226. [Date.UTC(2010,9,22),0.7167],  
  227. [Date.UTC(2010,9,25),0.7183],  
  228. [Date.UTC(2010,9,26),0.7222],  
  229. [Date.UTC(2010,9,27),0.725],  
  230. [Date.UTC(2010,9,28),0.7172],  
  231. [Date.UTC(2010,9,29),0.7171],  
  232. [Date.UTC(2010,10,1),0.719],  
  233. [Date.UTC(2010,10,2),0.7127],  
  234. [Date.UTC(2010,10,3),0.7079],  
  235. [Date.UTC(2010,10,4),0.7029],  
  236. [Date.UTC(2010,10,5),0.7128],  
  237. [Date.UTC(2010,10,8),0.7213],  
  238. [Date.UTC(2010,10,9),0.7263],  
  239. [Date.UTC(2010,10,10),0.726],  
  240. [Date.UTC(2010,10,11),0.7342],  
  241. [Date.UTC(2010,10,12),0.7305],  
  242. [Date.UTC(2010,10,15),0.7369],  
  243. [Date.UTC(2010,10,16),0.7411],  
  244. [Date.UTC(2010,10,17),0.7379],  
  245. [Date.UTC(2010,10,18),0.7323],  
  246. [Date.UTC(2010,10,19),0.7315],  
  247. [Date.UTC(2010,10,22),0.7354],  
  248. [Date.UTC(2010,10,23),0.747],  
  249. [Date.UTC(2010,10,24),0.7487],  
  250. [Date.UTC(2010,10,25),0.7496],  
  251. [Date.UTC(2010,10,26),0.7553],  
  252. [Date.UTC(2010,10,29),0.7634],  
  253. [Date.UTC(2010,10,30),0.7695],  
  254. [Date.UTC(2010,11,1),0.762],  
  255. [Date.UTC(2010,11,2),0.7569],  
  256. [Date.UTC(2010,11,3),0.7455],  
  257. [Date.UTC(2010,11,6),0.7526],  
  258. [Date.UTC(2010,11,7),0.7552],  
  259. [Date.UTC(2010,11,8),0.7549],  
  260. [Date.UTC(2010,11,9),0.7553],  
  261. [Date.UTC(2010,11,10),0.7561],  
  262. [Date.UTC(2010,11,13),0.7466],  
  263. [Date.UTC(2010,11,14),0.7487],  
  264. [Date.UTC(2010,11,15),0.7561],  
  265. [Date.UTC(2010,11,16),0.7553],  
  266. [Date.UTC(2010,11,17),0.7584],  
  267. [Date.UTC(2010,11,20),0.7624],  
  268. [Date.UTC(2010,11,21),0.7639],  
  269. [Date.UTC(2010,11,22),0.7626],  
  270. [Date.UTC(2010,11,23),0.7621],  
  271. [Date.UTC(2010,11,24),0.7622],  
  272. [Date.UTC(2010,11,27),0.7583],  
  273. [Date.UTC(2010,11,28),0.7642],  
  274. [Date.UTC(2010,11,29),0.7562],  
  275. [Date.UTC(2010,11,30),0.7519],  
  276. [Date.UTC(2010,11,31),0.7473],  
  277. [Date.UTC(2011,0,3),0.7488],  
  278. [Date.UTC(2011,0,4),0.7509],  
  279. [Date.UTC(2011,0,5),0.7602],  
  280. [Date.UTC(2011,0,6),0.7705],  
  281. [Date.UTC(2011,0,7),0.7748],  
  282. [Date.UTC(2011,0,10),0.7714],  
  283. [Date.UTC(2011,0,11),0.7736],  
  284. [Date.UTC(2011,0,12),0.7618],  
  285. [Date.UTC(2011,0,13),0.7491],  
  286. [Date.UTC(2011,0,14),0.747],  
  287. [Date.UTC(2011,0,17),0.753],  
  288. [Date.UTC(2011,0,18),0.7475],  
  289. [Date.UTC(2011,0,19),0.7434],  
  290. [Date.UTC(2011,0,20),0.7427],  
  291. [Date.UTC(2011,0,21),0.7343],  
  292. [Date.UTC(2011,0,24),0.733],  
  293. [Date.UTC(2011,0,25),0.7308],  
  294. [Date.UTC(2011,0,26),0.7294],  
  295. [Date.UTC(2011,0,27),0.7288],  
  296. [Date.UTC(2011,0,28),0.7349],  
  297. [Date.UTC(2011,0,31),0.7292],  
  298. [Date.UTC(2011,1,1),0.7232],  
  299. [Date.UTC(2011,1,2),0.7239],  
  300. [Date.UTC(2011,1,3),0.7341],  
  301. [Date.UTC(2011,1,4),0.7364],  
  302. [Date.UTC(2011,1,7),0.7357],  
  303. [Date.UTC(2011,1,8),0.734],  
  304. [Date.UTC(2011,1,9),0.7289],  
  305. [Date.UTC(2011,1,10),0.7351],  
  306. [Date.UTC(2011,1,11),0.7377],  
  307. [Date.UTC(2011,1,14),0.7419],  
  308. [Date.UTC(2011,1,15),0.7409],  
  309. [Date.UTC(2011,1,16),0.7367],  
  310. [Date.UTC(2011,1,17),0.7341],  
  311. [Date.UTC(2011,1,18),0.7304],  
  312. [Date.UTC(2011,1,21),0.731],  
  313. [Date.UTC(2011,1,22),0.7315],  
  314. [Date.UTC(2011,1,23),0.7268],  
  315. [Date.UTC(2011,1,24),0.7236],  
  316. [Date.UTC(2011,1,25),0.7271],  
  317. [Date.UTC(2011,1,28),0.7235],  
  318. [Date.UTC(2011,2,1),0.7263],  
  319. [Date.UTC(2011,2,2),0.7213],  
  320. [Date.UTC(2011,2,3),0.7165],  
  321. [Date.UTC(2011,2,4),0.715],  
  322. [Date.UTC(2011,2,7),0.7162],  
  323. [Date.UTC(2011,2,8),0.7198],  
  324. [Date.UTC(2011,2,9),0.7192],  
  325. [Date.UTC(2011,2,10),0.7246],  
  326. [Date.UTC(2011,2,11),0.7194],  
  327. [Date.UTC(2011,2,14),0.7148],  
  328. [Date.UTC(2011,2,15),0.715],  
  329. [Date.UTC(2011,2,16),0.7203],  
  330. [Date.UTC(2011,2,17),0.7128],  
  331. [Date.UTC(2011,2,18),0.7052],  
  332. [Date.UTC(2011,2,21),0.7036],  
  333. [Date.UTC(2011,2,22),0.7058],  
  334. [Date.UTC(2011,2,23),0.7091],  
  335. [Date.UTC(2011,2,24),0.7058],  
  336. [Date.UTC(2011,2,25),0.71],  
  337. [Date.UTC(2011,2,28),0.7107],  
  338. [Date.UTC(2011,2,29),0.7082],  
  339. [Date.UTC(2011,2,30),0.7079],  
  340. [Date.UTC(2011,2,31),0.7064],  
  341. [Date.UTC(2011,3,1),0.7026],  
  342. [Date.UTC(2011,3,4),0.704],  
  343. [Date.UTC(2011,3,5),0.7026],  
  344. [Date.UTC(2011,3,6),0.6982],  
  345. [Date.UTC(2011,3,7),0.6996],  
  346. [Date.UTC(2011,3,8),0.6907],  
  347. [Date.UTC(2011,3,11),0.6934],  
  348. [Date.UTC(2011,3,12),0.6906],  
  349. [Date.UTC(2011,3,13),0.692],  
  350. [Date.UTC(2011,3,14),0.6896],  
  351. [Date.UTC(2011,3,15),0.6931],  
  352. [Date.UTC(2011,3,18),0.7024],  
  353. [Date.UTC(2011,3,19),0.6961],  
  354. [Date.UTC(2011,3,20),0.6888],  
  355. [Date.UTC(2011,3,21),0.6869],  
  356. [Date.UTC(2011,3,22),0.6869],  
  357. [Date.UTC(2011,3,25),0.6874],  
  358. [Date.UTC(2011,3,26),0.6801],  
  359. [Date.UTC(2011,3,27),0.6763],  
  360. [Date.UTC(2011,3,28),0.6738],  
  361. [Date.UTC(2011,3,29),0.6753],  
  362. [Date.UTC(2011,4,2),0.6759],  
  363. [Date.UTC(2011,4,3),0.674],  
  364. [Date.UTC(2011,4,4),0.6744],  
  365. [Date.UTC(2011,4,5),0.687],  
  366. [Date.UTC(2011,4,6),0.6983],  
  367. [Date.UTC(2011,4,8),0.696],  
  368. [Date.UTC(2011,4,10),0.6945]  
  369. ];  
  370. $(function() {  
  371.     var chart = new Highcharts.StockChart({  
  372.         chart: {  
  373.             renderTo: 'container'//指向的div的id属性  
  374.         },  
  375.         exporting: {    
  376.             enabled: false //是否能导出趋势图图片  
  377.         },   
  378.         title : {  
  379.                 text : 'AAPL Stock Price(苹果股价)'//图表标题  
  380.             },  
  381.         xAxis: {  
  382.             tickPixelInterval: 200,//x轴上的间隔  
  383.         //  title :{  
  384.         //      text:"title"  
  385.         //  },  
  386.             type: 'datetime', //定义x轴上日期的显示格式  
  387.             labels: {  
  388.             formatter: function() {  
  389.                 var vDate=new Date(this.value);  
  390.                 //alert(this.value);  
  391.                 return vDate.getFullYear()+"-"+(vDate.getMonth()+1)+"-"+vDate.getDate();  
  392.             },  
  393.             align: 'center'  
  394.         }  
  395.         },  
  396.         yAxis : {    
  397.                     
  398.               title: {    
  399.                   text: 'Rate(汇率)'  //y轴上的标题  
  400.               }    
  401.          },    
  402.         tooltip: {  
  403.             xDateFormat: '%Y-%m-%d, %A'//鼠标移动到趋势线上时显示的日期格式  
  404.         },  
  405.         rangeSelector: {  
  406.             buttons: [{//定义一组buttons,下标从0开始  
  407.             type: 'week',  
  408.             count: 1,  
  409.             text: '1w'  
  410.         },{  
  411.             type: 'month',  
  412.             count: 1,  
  413.             text: '1m'  
  414.         }, {  
  415.             type: 'month',  
  416.             count: 3,  
  417.             text: '3m'  
  418.         }, {  
  419.             type: 'month',  
  420.             count: 6,  
  421.             text: '6m'  
  422.         }, {  
  423.             type: 'ytd',  
  424.             text: 'YTD'  
  425.         }, {  
  426.             type: 'year',  
  427.             count: 1,  
  428.             text: '1y'  
  429.         }, {  
  430.             type: 'all',  
  431.             text: 'All'  
  432.         }],  
  433.             selected: 1//表示以上定义button的index,从0开始  
  434.         },  
  435.           
  436.         series: [{  
  437.             name: 'USD to EUR(美元对欧元)',//鼠标移到趋势线上时显示的属性名  
  438.             data: usdeur//属性值  
  439.             //marker : {  
  440.             //      enabled : true,  
  441.             //      radius : 3  
  442.             //  },  
  443.             //shadow : true  
  444.         }]  
  445.     });  
  446. });  
  447.   </script>  
  448. </html>    

以上都有注释说明，详细的可以看官网API：http://www.highcharts.com/stock/ref/#rangeSelector--buttons，由于版面有限，我数据只保留了两年的数据，生成的趋势图效果如下：


bigdogsmile
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
easyUI,Highcharts,时间控件例子
05-02
是一些例子，其中使用到了js动态的生成下拉列表，input等技术手段。 使用了easyUI的时间控件及时间格式化方法和Highcharts
highCharts解决日期类型在x轴显示问题总结
热门推荐
趴趴熊的博客
06-16 3万+
废话不多说，上代码。var lengquebeng_copChartOption = { chart : { type : 'spline', backgroundColor : null, renderTo : 'lengquebeng_saveEnergyChart' }, plotOptions : { spline : {
这些前端必备的硬核插件库，你都get了吗？
azl397985856的专栏
10-29 2641
????看前三件事:点赞 | 你可以点击——>收藏——>退出一气呵成，但别忘了点赞????关注 | 关注【小猴子的web成长之路】，下次不迷路????在看 | 点个在看，让更...
highcharts在项目中的应用，根据年月日周季显示图形，形象的展示数据。
chenwei7878的专栏
06-15 4289
一。首先当然是引用所需的js。        1.jquery-1.10.2.min.js        2.highcharts.js        3.checkbox.js(下拉菜单显示年月日) 二。jsp页面。       pageEncoding="UTF-8"%> http://www.w3.org/TR/html4/loose.dtd">    highch
一款EXT风格的PHP圆饼图表插件 v1.0
11-30
一款EXT风格的PHP圆饼图表插件，PHP结合JS插件实现的圆形饼图实例，这个源码主要是演示了PHP如何调用该插件，以及参数设置方面的问题。运用了PHP、XML、Flash、Js等多种技术相结合，生
EasyUI图表插件Highcharts源码Demo(Java)
04-22
EasyUI图表插件Highcharts源码Demo(Java)
excel图表插件excel图表插件excel图表插件
04-26
excel的图表插件，插件自带图表模板，以及主题设置等。可以一键生成图表。
5个最顶级jQuery图表类库插件【jquery插件库】
01-19
支持众多选项 – 选择数据清除器和一个油漆工具：填充，柱状，气饱图；配置小数点（支持句号或者逗号）；定制颜色表及其CSS类；更多其他 轻量级 – 整个插件只有4kb 可扩展 – 你可以很容易的创建你自己的清除器和...
基于jquery的实用图表插件源代码
03-18
这是一款简单实用的图表插件，该图表插件是基于jquery和jquery的插件gchart很容易实现的，而gchart插件是封装了google的图表api。
react-native开发安卓端app
m0_73872315的博客
04-24 557
总之，第一次app开发还是颇废了我一番功夫的，可以说红温了很多次，不过好在最终没有夭折。。。接下来要做点啥好像暂时还没有思路，正在思考我需要点啥中。。。。
Android 跨进程通信
最新发布
Yimi-依米 的博客
04-24 180
Android中常用的跨进程通信方法有以下几种： Intent、Binder、AIDL、Messenger、ContentProvider。
Android Binder——数据传输限制（二十三）
小旭的专栏
04-24 283
当一个 Launcher 启动一个 APP 的时候，AMS 会通知 Zygote 进程 fork 出一个 APP 进程，然后加载 APP 进程的功能类 ActivityThread。APP 进程初始化（1）调用到 Native 层的 ProcessState 来获得 Binder 驱动的设备文件"/dev/binder"的文件描述符，并内存映射。（2）通过ProcessState启动Binder线程池，并且创建Binder主线程。该线程池对于当前进程有且仅有一个。
概念Android AMS
weixin_45681365的博客
04-20 394
Android的Activity Manager Service（AMS）是负责管理整个系统中Activity生命周期、任务栈、应用启动等核心功能的系统服务。它通过系统级别的进程间通信（IPC）机制与应用程序组件交互，确保应用程序的行为符合Android的多任务处理逻辑和用户的预期。AMS是Android系统架构中的一个关键服务，它通过Binder IPC机制为上层应用程序提供服务。
Android --- Activity
weixin_43244083的博客
04-17 1312
Activity 提供窗口，供应在其中多个界面。此窗口通常会填满屏幕，但也可能小于屏幕并浮动在其他窗口之上。大多数应用包含多个屏幕，这意味着它们包含多个 Activity。通常，应用中的一个 Activity 会被指定主 Activity，即用户启动应用时显示的第一个屏幕。然后，每个 Activity 都可以启动另一个活动，以执行不同的操作。Activity提供一个能让用户操作并与之交互的界面。
android 解决webView底部留白问题
吕氏春秋i
04-24 174
遇到webview滑动的时候，底部留白严重，一直滑不到底！经过测试，以下方法可以尝试@Override//根据手机屏幕重新计算高度。
unity 图表插件
12-22
Unity图表插件是一款在Unity游戏...总的来说，Unity图表插件为Unity开发者提供了一个便捷、直观的数据展示工具，使他们能够更好地展示游戏中的数据和统计信息，提升用户体验，为游戏的数据分析和监控提供了有效的支持。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值