• Edit
  • Download
    1. <!DOCTYPE html>
    2. <html>
    3.  
    4. <head>
    5. <meta charset="utf-8">
    6. <title>ZingSoft Demo</title>
    7.  
    8. <script nonce="undefined" src="https://cdn.zingchart.com/zingchart.min.js"></script>
    9. <style>
    10. html,
    11. body {
    12. height: 100%;
    13. width: 100%;
    14. margin: 0;
    15. padding: 0;
    16. }
    17.  
    18. #myChart {
    19. height: 100%;
    20. width: 100%;
    21. min-height: 150px;
    22. }
    23.  
    24. .zc-ref {
    25. display: none;
    26. }
    27. </style>
    28. </head>
    29.  
    30. <body>
    31. <div id="myChart"><a class="zc-ref" href="https://www.zingchart.com">Powered by ZingChart</a></div>
    32. <script>
    33. ZC.LICENSE = ["569d52cefae586f634c54f86dc99e6a9", "b55b025e438fa8a98e32482b5f768ff5"];
    34. zingchart.loadModules('multi-guide');
    35.  
    36. let chartConfig = {
    37. type: 'line',
    38. title: {
    39. text: 'Click on chart to lock a crosshair'
    40. },
    41. subtitle: {
    42. text: 'change label text, move it or delete it'
    43. },
    44. legend: {
    45. layout: 'float',
    46. toggleAction: 'remove'
    47. },
    48. plotarea: {
    49. margin: '50 dynamic 100 dynamic'
    50. },
    51. crosshairX: {
    52. plotLabel: {
    53. multiple: true
    54. },
    55. exact: true
    56. },
    57. crosshairY: {},
    58. options: {
    59. label: {
    60. backgroundColor: '#f90',
    61. fontSize: 20,
    62. hoverState: {
    63. backgroundColor: '#90f'
    64. }
    65. },
    66. handle: {
    67. borderColor: '#009',
    68. size: 8,
    69. },
    70. close: {
    71. borderColor: '#090',
    72. borderWidth: 2,
    73. },
    74. line: {
    75. lineColor: '#c0c',
    76. lineStyle: 'dashed',
    77. lineWidth: 4,
    78. }
    79. },
    80. scaleX: {
    81. step: 'day',
    82. transform: {
    83. type: 'date',
    84. item: {
    85. visible: false
    86. }
    87. },
    88. zooming: 1
    89. },
    90. zoom: {
    91. preserveZoom: true
    92. },
    93. tooltip: {
    94. alpha: 0.85,
    95. backgroundColor: '#333 #aaa',
    96. borderRadius: 8,
    97. borderWidth: 0,
    98. color: '#fff',
    99. padding: 8,
    100. shadow: false,
    101. visible: false,
    102. },
    103. preview: {
    104. backgroundColor: '#f7d7f4',
    105. borderWidth: 5,
    106. live: true,
    107. handle: {
    108. backgroundColor: '#333',
    109. borderRadius: 0,
    110. lineColor: '#aaa',
    111. height: 50,
    112. width: 13
    113. }
    114. },
    115. plot: {
    116. aspect: 'spline',
    117. exact: 1,
    118. lineWidth: 1,
    119. maxNodes: 0,
    120. shadow: 0,
    121. stacked: 1,
    122. marker: {
    123. size: 2
    124. }
    125. },
    126. series: [{
    127. values: [
    128. [1379486375000, 182],
    129. [1380263975000, 181],
    130. [1380523175000, 171],
    131. [1380695975000, 169],
    132. [1381991975000, 167],
    133. [1382337575000, 169],
    134. [1382683175000, 170],
    135. [1382855975000, 178],
    136. [1382942375000, 180],
    137. [1383115175000, 184],
    138. [1383806375000, 191],
    139. [1384411175000, 190],
    140. [1385620775000, 195],
    141. [1385793575000, 205],
    142. [1386225575000, 203],
    143. [1386657575000, 200],
    144. [1387089575000, 198],
    145. [1387607975000, 191],
    146. [1387953575000, 184],
    147. [1388817575000, 179],
    148. [1388903975000, 174],
    149. [1389940775000, 178],
    150. [1390372775000, 175],
    151. [1390977575000, 176],
    152. [1391063975000, 177],
    153. [1391409575000, 175],
    154. [1391927975000, 183],
    155. [1392878375000, 184],
    156. [1394433575000, 185],
    157. [1395211175000, 187],
    158. [1395470375000, 181],
    159. [1396247975000, 182],
    160. [1396420775000, 187],
    161. [1396679975000, 185],
    162. [1397284775000, 190],
    163. [1398321575000, 182],
    164. [1398407975000, 173],
    165. [1398580775000, 179],
    166. [1398839975000, 173],
    167. [1399271975000, 183],
    168. [1399876775000, 175],
    169. [1400827175000, 165],
    170. [1400999975000, 173],
    171. [1401691175000, 180],
    172. [1402123175000, 176],
    173. [1402295975000, 182],
    174. [1403159975000, 184],
    175. [1404455975000, 180],
    176. [1404628775000, 171],
    177. [1404801575000, 169],
    178. [1405060775000, 177],
    179. [1406356775000, 173],
    180. [1406443175000, 168],
    181. [1407652775000, 168],
    182. [1408343975000, 164],
    183. [1408862375000, 171],
    184. [1408948775000, 172],
    185. [1409380775000, 169],
    186. [1409553575000, 164],
    187. [1410071975000, 174],
    188. [1410417575000, 172],
    189. [1410763175000, 177],
    190. [1410849575000, 183],
    191. [1411108775000, 184],
    192. [1411540775000, 183],
    193. [1412145575000, 193],
    194. [1413873575000, 196],
    195. [1414391975000, 197],
    196. [1414478375000, 202],
    197. [1418366375000, 211],
    198. [1418625575000, 209],
    199. [1418798375000, 204],
    200. [1418971175000, 202],
    201. [1419835175000, 196],
    202. [1420007975000, 196],
    203. [1420094375000, 204],
    204. [1420439975000, 210],
    205. [1420785575000, 214],
    206. [1420871975000, 220],
    207. [1422340775000, 211],
    208. [1423377575000, 210],
    209. [1423723175000, 207],
    210. [1424414375000, 198],
    211. [1426228775000, 189],
    212. [1426660775000, 184],
    213. [1426833575000, 178],
    214. [1427697575000, 177],
    215. [1428820775000, 169],
    216. [1428993575000, 160],
    217. [1429252775000, 164],
    218. [1429511975000, 155],
    219. [1429943975000, 151],
    220. [1430030375000, 149],
    221. [1431067175000, 149],
    222. [1431412775000, 149],
    223. [1431585575000, 157],
    224. [1432017575000, 166],
    225. [1432708775000, 157],
    226. [1433572775000, 151],
    227. [1434695975000, 160],
    228. [1436337575000, 159],
    229. [1436596775000, 164],
    230. [1436769575000, 154],
    231. [1437115175000, 164],
    232. [1437460775000, 165],
    233. [1437547175000, 159],
    234. [1437719975000, 159],
    235. [1438497575000, 156],
    236. [1438583975000, 165],
    237. [1438756775000, 172],
    238. [1439015975000, 180],
    239. [1439879975000, 184],
    240. [1439966375000, 193],
    241. [1440830375000, 202],
    242. [1441694375000, 204],
    243. [1443249575000, 211],
    244. [1443854375000, 205],
    245. [1444113575000, 215],
    246. [1444199975000, 223],
    247. [1445841575000, 222],
    248. [1445927975000, 232],
    249. [1446359975000, 225],
    250. [1446532775000, 216],
    251. [1446705575000, 213],
    252. [1446791975000, 206],
    253. [1447223975000, 198],
    254. [1447310375000, 205],
    255. [1448347175000, 195],
    256. [1449124775000, 191],
    257. [1451457575000, 200],
    258. [1451716775000, 191],
    259. [1452580775000, 193],
    260. [1452667175000, 185],
    261. [1453099175000, 193],
    262. [1453185575000, 199],
    263. [1453531175000, 189],
    264. [1453790375000, 189],
    265. [1453876775000, 189],
    266. [1454827175000, 186],
    267. [1455431975000, 183],
    268. [1455950375000, 177],
    269. [1456987175000, 167],
    270. [1457505575000, 160],
    271. [1458283175000, 153],
    272. [1459233575000, 160],
    273. [1459751975000, 153],
    274. [1459838375000, 150],
    275. [1460097575000, 158],
    276. [1460702375000, 152],
    277. [1461393575000, 155],
    278. [1461479975000, 165],
    279. [1463121575000, 170],
    280. [1463380775000, 176],
    281. [1463899175000, 180],
    282. [1464331175000, 172],
    283. [1464935975000, 182],
    284. [1465281575000, 190],
    285. [1465713575000, 182]
    286. ]
    287. },
    288. {
    289. rules: [{
    290. rule: '%node-value < 50',
    291. lineColor: '#900'
    292. },
    293. {
    294. rule: '%node-value >= 50 && %node-value < 70',
    295. lineColor: '#090'
    296. }
    297. ],
    298. values: [
    299. [1379486375000, 48],
    300. [1380436775000, 55],
    301. [1380523175000, 61],
    302. [1380782375000, 60],
    303. [1380868775000, 65],
    304. [1381819175000, 56],
    305. [1382251175000, 54],
    306. [1382510375000, 48],
    307. [1382942375000, 53],
    308. [1383115175000, 49],
    309. [1383547175000, 58],
    310. [1383633575000, 65],
    311. [1384670375000, 62],
    312. [1384756775000, 59],
    313. [1385102375000, 50],
    314. [1385447975000, 59],
    315. [1385793575000, 50],
    316. [1386916775000, 44],
    317. [1387003175000, 38],
    318. [1387348775000, 38],
    319. [1388039975000, 47],
    320. [1389767975000, 48],
    321. [1391409575000, 41],
    322. [1391668775000, 34],
    323. [1392187175000, 34],
    324. [1392964775000, 44],
    325. [1394087975000, 43],
    326. [1394174375000, 50],
    327. [1394692775000, 46],
    328. [1394865575000, 49],
    329. [1395038375000, 57],
    330. [1396075175000, 57],
    331. [1396247975000, 56],
    332. [1396507175000, 56],
    333. [1397111975000, 63],
    334. [1397543975000, 57],
    335. [1397630375000, 63],
    336. [1397716775000, 60],
    337. [1398062375000, 62],
    338. [1398494375000, 65],
    339. [1398753575000, 69],
    340. [1399012775000, 59],
    341. [1399963175000, 65],
    342. [1400049575000, 72],
    343. [1400999975000, 80],
    344. [1401604775000, 74],
    345. [1402123175000, 75],
    346. [1402814375000, 79],
    347. [1403332775000, 75],
    348. [1404369575000, 85],
    349. [1406875175000, 78],
    350. [1407307175000, 72],
    351. [1407652775000, 82],
    352. [1407825575000, 81],
    353. [1408343975000, 86],
    354. [1409467175000, 96],
    355. [1409639975000, 91],
    356. [1410244775000, 81],
    357. [1411022375000, 72],
    358. [1411108775000, 75],
    359. [1412577575000, 67],
    360. [1413182375000, 62],
    361. [1413787175000, 59],
    362. [1414305575000, 61],
    363. [1414651175000, 59],
    364. [1415860775000, 59],
    365. [1416724775000, 66],
    366. [1417675175000, 62],
    367. [1418452775000, 53],
    368. [1418539175000, 53],
    369. [1418798375000, 51],
    370. [1419230375000, 60],
    371. [1420007975000, 68],
    372. [1420094375000, 68],
    373. [1420267175000, 63],
    374. [1421303975000, 61],
    375. [1422599975000, 55],
    376. [1422772775000, 57],
    377. [1422859175000, 63],
    378. [1422945575000, 59],
    379. [1423031975000, 64],
    380. [1423550375000, 60],
    381. [1423809575000, 57],
    382. [1424327975000, 49],
    383. [1425105575000, 52],
    384. [1425796775000, 60],
    385. [1425883175000, 59],
    386. [1426401575000, 54],
    387. [1427006375000, 53],
    388. [1427179175000, 48],
    389. [1427351975000, 43],
    390. [1428388775000, 46],
    391. [1428561575000, 47],
    392. [1428734375000, 47],
    393. [1429079975000, 55],
    394. [1429771175000, 51],
    395. [1430116775000, 45],
    396. [1431067175000, 50],
    397. [1431153575000, 58],
    398. [1431412775000, 58],
    399. [1431499175000, 53],
    400. [1431671975000, 51],
    401. [1433140775000, 57],
    402. [1433399975000, 50],
    403. [1433745575000, 53],
    404. [1433918375000, 47],
    405. [1434004775000, 55],
    406. [1435041575000, 50],
    407. [1435300775000, 57],
    408. [1435646375000, 65],
    409. [1436251175000, 67],
    410. [1436423975000, 57],
    411. [1436596775000, 57],
    412. [1439361575000, 65],
    413. [1440052775000, 68],
    414. [1440916775000, 73],
    415. [1442558375000, 72],
    416. [1442903975000, 66],
    417. [1443508775000, 65],
    418. [1444199975000, 65],
    419. [1444459175000, 59],
    420. [1445582375000, 62],
    421. [1445755175000, 62],
    422. [1446187175000, 72],
    423. [1446619175000, 72],
    424. [1446791975000, 73],
    425. [1447223975000, 67],
    426. [1447310375000, 76],
    427. [1448606375000, 80],
    428. [1449038375000, 80],
    429. [1449297575000, 74],
    430. [1450420775000, 75],
    431. [1451198375000, 78],
    432. [1452494375000, 88],
    433. [1452839975000, 79],
    434. [1455086375000, 77],
    435. [1456036775000, 79],
    436. [1457678375000, 70],
    437. [1458455975000, 73],
    438. [1458542375000, 63],
    439. [1458887975000, 54],
    440. [1460183975000, 53],
    441. [1460788775000, 50],
    442. [1461652775000, 60],
    443. [1462084775000, 69],
    444. [1462689575000, 64],
    445. [1464763175000, 74],
    446. [1464935975000, 65],
    447. [1465108775000, 58],
    448. [1465281575000, 51]
    449. ]
    450. }
    451. ]
    452. };
    453.  
    454. zingchart.render({
    455. id: 'myChart',
    456. data: chartConfig,
    457. height: '100%',
    458. width: '100%',
    459. modules: 'multi-guide',
    460. });
    461. </script>
    462. </body>
    463.  
    464. </html>
    1. <!DOCTYPE html>
    2. <html>
    3.  
    4. <head>
    5. <meta charset="utf-8">
    6. <title>ZingSoft Demo</title>
    7.  
    8. <script src="https://cdn.zingchart.com/zingchart.min.js"></script>
    9. </head>
    10.  
    11. <body>
    12. <div id="myChart"><a class="zc-ref" href="https://www.zingchart.com">Powered by ZingChart</a></div>
    13. </body>
    14.  
    15. </html>
    1. html,
    2. body {
    3. height: 100%;
    4. width: 100%;
    5. margin: 0;
    6. padding: 0;
    7. }
    8.  
    9. #myChart {
    10. height: 100%;
    11. width: 100%;
    12. min-height: 150px;
    13. }
    14.  
    15. .zc-ref {
    16. display: none;
    17. }
    1. zingchart.loadModules('multi-guide');
    2.  
    3. let chartConfig = {
    4. type: 'line',
    5. title: {
    6. text: 'Click on chart to lock a crosshair'
    7. },
    8. subtitle: {
    9. text: 'change label text, move it or delete it'
    10. },
    11. legend: {
    12. layout: 'float',
    13. toggleAction: 'remove'
    14. },
    15. plotarea: {
    16. margin: '50 dynamic 100 dynamic'
    17. },
    18. crosshairX: {
    19. plotLabel: {
    20. multiple: true
    21. },
    22. exact: true
    23. },
    24. crosshairY: {},
    25. options: {
    26. label: {
    27. backgroundColor: '#f90',
    28. fontSize: 20,
    29. hoverState: {
    30. backgroundColor: '#90f'
    31. }
    32. },
    33. handle: {
    34. borderColor: '#009',
    35. size: 8,
    36. },
    37. close: {
    38. borderColor: '#090',
    39. borderWidth: 2,
    40. },
    41. line: {
    42. lineColor: '#c0c',
    43. lineStyle: 'dashed',
    44. lineWidth: 4,
    45. }
    46. },
    47. scaleX: {
    48. step: 'day',
    49. transform: {
    50. type: 'date',
    51. item: {
    52. visible: false
    53. }
    54. },
    55. zooming: 1
    56. },
    57. zoom: {
    58. preserveZoom: true
    59. },
    60. tooltip: {
    61. alpha: 0.85,
    62. backgroundColor: '#333 #aaa',
    63. borderRadius: 8,
    64. borderWidth: 0,
    65. color: '#fff',
    66. padding: 8,
    67. shadow: false,
    68. visible: false,
    69. },
    70. preview: {
    71. backgroundColor: '#f7d7f4',
    72. borderWidth: 5,
    73. live: true,
    74. handle: {
    75. backgroundColor: '#333',
    76. borderRadius: 0,
    77. lineColor: '#aaa',
    78. height: 50,
    79. width: 13
    80. }
    81. },
    82. plot: {
    83. aspect: 'spline',
    84. exact: 1,
    85. lineWidth: 1,
    86. maxNodes: 0,
    87. shadow: 0,
    88. stacked: 1,
    89. marker: {
    90. size: 2
    91. }
    92. },
    93. series: [{
    94. values: [
    95. [1379486375000, 182],
    96. [1380263975000, 181],
    97. [1380523175000, 171],
    98. [1380695975000, 169],
    99. [1381991975000, 167],
    100. [1382337575000, 169],
    101. [1382683175000, 170],
    102. [1382855975000, 178],
    103. [1382942375000, 180],
    104. [1383115175000, 184],
    105. [1383806375000, 191],
    106. [1384411175000, 190],
    107. [1385620775000, 195],
    108. [1385793575000, 205],
    109. [1386225575000, 203],
    110. [1386657575000, 200],
    111. [1387089575000, 198],
    112. [1387607975000, 191],
    113. [1387953575000, 184],
    114. [1388817575000, 179],
    115. [1388903975000, 174],
    116. [1389940775000, 178],
    117. [1390372775000, 175],
    118. [1390977575000, 176],
    119. [1391063975000, 177],
    120. [1391409575000, 175],
    121. [1391927975000, 183],
    122. [1392878375000, 184],
    123. [1394433575000, 185],
    124. [1395211175000, 187],
    125. [1395470375000, 181],
    126. [1396247975000, 182],
    127. [1396420775000, 187],
    128. [1396679975000, 185],
    129. [1397284775000, 190],
    130. [1398321575000, 182],
    131. [1398407975000, 173],
    132. [1398580775000, 179],
    133. [1398839975000, 173],
    134. [1399271975000, 183],
    135. [1399876775000, 175],
    136. [1400827175000, 165],
    137. [1400999975000, 173],
    138. [1401691175000, 180],
    139. [1402123175000, 176],
    140. [1402295975000, 182],
    141. [1403159975000, 184],
    142. [1404455975000, 180],
    143. [1404628775000, 171],
    144. [1404801575000, 169],
    145. [1405060775000, 177],
    146. [1406356775000, 173],
    147. [1406443175000, 168],
    148. [1407652775000, 168],
    149. [1408343975000, 164],
    150. [1408862375000, 171],
    151. [1408948775000, 172],
    152. [1409380775000, 169],
    153. [1409553575000, 164],
    154. [1410071975000, 174],
    155. [1410417575000, 172],
    156. [1410763175000, 177],
    157. [1410849575000, 183],
    158. [1411108775000, 184],
    159. [1411540775000, 183],
    160. [1412145575000, 193],
    161. [1413873575000, 196],
    162. [1414391975000, 197],
    163. [1414478375000, 202],
    164. [1418366375000, 211],
    165. [1418625575000, 209],
    166. [1418798375000, 204],
    167. [1418971175000, 202],
    168. [1419835175000, 196],
    169. [1420007975000, 196],
    170. [1420094375000, 204],
    171. [1420439975000, 210],
    172. [1420785575000, 214],
    173. [1420871975000, 220],
    174. [1422340775000, 211],
    175. [1423377575000, 210],
    176. [1423723175000, 207],
    177. [1424414375000, 198],
    178. [1426228775000, 189],
    179. [1426660775000, 184],
    180. [1426833575000, 178],
    181. [1427697575000, 177],
    182. [1428820775000, 169],
    183. [1428993575000, 160],
    184. [1429252775000, 164],
    185. [1429511975000, 155],
    186. [1429943975000, 151],
    187. [1430030375000, 149],
    188. [1431067175000, 149],
    189. [1431412775000, 149],
    190. [1431585575000, 157],
    191. [1432017575000, 166],
    192. [1432708775000, 157],
    193. [1433572775000, 151],
    194. [1434695975000, 160],
    195. [1436337575000, 159],
    196. [1436596775000, 164],
    197. [1436769575000, 154],
    198. [1437115175000, 164],
    199. [1437460775000, 165],
    200. [1437547175000, 159],
    201. [1437719975000, 159],
    202. [1438497575000, 156],
    203. [1438583975000, 165],
    204. [1438756775000, 172],
    205. [1439015975000, 180],
    206. [1439879975000, 184],
    207. [1439966375000, 193],
    208. [1440830375000, 202],
    209. [1441694375000, 204],
    210. [1443249575000, 211],
    211. [1443854375000, 205],
    212. [1444113575000, 215],
    213. [1444199975000, 223],
    214. [1445841575000, 222],
    215. [1445927975000, 232],
    216. [1446359975000, 225],
    217. [1446532775000, 216],
    218. [1446705575000, 213],
    219. [1446791975000, 206],
    220. [1447223975000, 198],
    221. [1447310375000, 205],
    222. [1448347175000, 195],
    223. [1449124775000, 191],
    224. [1451457575000, 200],
    225. [1451716775000, 191],
    226. [1452580775000, 193],
    227. [1452667175000, 185],
    228. [1453099175000, 193],
    229. [1453185575000, 199],
    230. [1453531175000, 189],
    231. [1453790375000, 189],
    232. [1453876775000, 189],
    233. [1454827175000, 186],
    234. [1455431975000, 183],
    235. [1455950375000, 177],
    236. [1456987175000, 167],
    237. [1457505575000, 160],
    238. [1458283175000, 153],
    239. [1459233575000, 160],
    240. [1459751975000, 153],
    241. [1459838375000, 150],
    242. [1460097575000, 158],
    243. [1460702375000, 152],
    244. [1461393575000, 155],
    245. [1461479975000, 165],
    246. [1463121575000, 170],
    247. [1463380775000, 176],
    248. [1463899175000, 180],
    249. [1464331175000, 172],
    250. [1464935975000, 182],
    251. [1465281575000, 190],
    252. [1465713575000, 182]
    253. ]
    254. },
    255. {
    256. rules: [{
    257. rule: '%node-value < 50',
    258. lineColor: '#900'
    259. },
    260. {
    261. rule: '%node-value >= 50 && %node-value < 70',
    262. lineColor: '#090'
    263. }
    264. ],
    265. values: [
    266. [1379486375000, 48],
    267. [1380436775000, 55],
    268. [1380523175000, 61],
    269. [1380782375000, 60],
    270. [1380868775000, 65],
    271. [1381819175000, 56],
    272. [1382251175000, 54],
    273. [1382510375000, 48],
    274. [1382942375000, 53],
    275. [1383115175000, 49],
    276. [1383547175000, 58],
    277. [1383633575000, 65],
    278. [1384670375000, 62],
    279. [1384756775000, 59],
    280. [1385102375000, 50],
    281. [1385447975000, 59],
    282. [1385793575000, 50],
    283. [1386916775000, 44],
    284. [1387003175000, 38],
    285. [1387348775000, 38],
    286. [1388039975000, 47],
    287. [1389767975000, 48],
    288. [1391409575000, 41],
    289. [1391668775000, 34],
    290. [1392187175000, 34],
    291. [1392964775000, 44],
    292. [1394087975000, 43],
    293. [1394174375000, 50],
    294. [1394692775000, 46],
    295. [1394865575000, 49],
    296. [1395038375000, 57],
    297. [1396075175000, 57],
    298. [1396247975000, 56],
    299. [1396507175000, 56],
    300. [1397111975000, 63],
    301. [1397543975000, 57],
    302. [1397630375000, 63],
    303. [1397716775000, 60],
    304. [1398062375000, 62],
    305. [1398494375000, 65],
    306. [1398753575000, 69],
    307. [1399012775000, 59],
    308. [1399963175000, 65],
    309. [1400049575000, 72],
    310. [1400999975000, 80],
    311. [1401604775000, 74],
    312. [1402123175000, 75],
    313. [1402814375000, 79],
    314. [1403332775000, 75],
    315. [1404369575000, 85],
    316. [1406875175000, 78],
    317. [1407307175000, 72],
    318. [1407652775000, 82],
    319. [1407825575000, 81],
    320. [1408343975000, 86],
    321. [1409467175000, 96],
    322. [1409639975000, 91],
    323. [1410244775000, 81],
    324. [1411022375000, 72],
    325. [1411108775000, 75],
    326. [1412577575000, 67],
    327. [1413182375000, 62],
    328. [1413787175000, 59],
    329. [1414305575000, 61],
    330. [1414651175000, 59],
    331. [1415860775000, 59],
    332. [1416724775000, 66],
    333. [1417675175000, 62],
    334. [1418452775000, 53],
    335. [1418539175000, 53],
    336. [1418798375000, 51],
    337. [1419230375000, 60],
    338. [1420007975000, 68],
    339. [1420094375000, 68],
    340. [1420267175000, 63],
    341. [1421303975000, 61],
    342. [1422599975000, 55],
    343. [1422772775000, 57],
    344. [1422859175000, 63],
    345. [1422945575000, 59],
    346. [1423031975000, 64],
    347. [1423550375000, 60],
    348. [1423809575000, 57],
    349. [1424327975000, 49],
    350. [1425105575000, 52],
    351. [1425796775000, 60],
    352. [1425883175000, 59],
    353. [1426401575000, 54],
    354. [1427006375000, 53],
    355. [1427179175000, 48],
    356. [1427351975000, 43],
    357. [1428388775000, 46],
    358. [1428561575000, 47],
    359. [1428734375000, 47],
    360. [1429079975000, 55],
    361. [1429771175000, 51],
    362. [1430116775000, 45],
    363. [1431067175000, 50],
    364. [1431153575000, 58],
    365. [1431412775000, 58],
    366. [1431499175000, 53],
    367. [1431671975000, 51],
    368. [1433140775000, 57],
    369. [1433399975000, 50],
    370. [1433745575000, 53],
    371. [1433918375000, 47],
    372. [1434004775000, 55],
    373. [1435041575000, 50],
    374. [1435300775000, 57],
    375. [1435646375000, 65],
    376. [1436251175000, 67],
    377. [1436423975000, 57],
    378. [1436596775000, 57],
    379. [1439361575000, 65],
    380. [1440052775000, 68],
    381. [1440916775000, 73],
    382. [1442558375000, 72],
    383. [1442903975000, 66],
    384. [1443508775000, 65],
    385. [1444199975000, 65],
    386. [1444459175000, 59],
    387. [1445582375000, 62],
    388. [1445755175000, 62],
    389. [1446187175000, 72],
    390. [1446619175000, 72],
    391. [1446791975000, 73],
    392. [1447223975000, 67],
    393. [1447310375000, 76],
    394. [1448606375000, 80],
    395. [1449038375000, 80],
    396. [1449297575000, 74],
    397. [1450420775000, 75],
    398. [1451198375000, 78],
    399. [1452494375000, 88],
    400. [1452839975000, 79],
    401. [1455086375000, 77],
    402. [1456036775000, 79],
    403. [1457678375000, 70],
    404. [1458455975000, 73],
    405. [1458542375000, 63],
    406. [1458887975000, 54],
    407. [1460183975000, 53],
    408. [1460788775000, 50],
    409. [1461652775000, 60],
    410. [1462084775000, 69],
    411. [1462689575000, 64],
    412. [1464763175000, 74],
    413. [1464935975000, 65],
    414. [1465108775000, 58],
    415. [1465281575000, 51]
    416. ]
    417. }
    418. ]
    419. };
    420.  
    421. zingchart.render({
    422. id: 'myChart',
    423. data: chartConfig,
    424. height: '100%',
    425. width: '100%',
    426. modules: 'multi-guide',
    427. });