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