• Edit
  • Download
    1. <!DOCTYPE html>
    2. <html>
    3.  
    4. <head>
    5.   <meta charset="utf-8">
    6.   <title>ZingSoft Demo</title>
    7.   <style>
    8.     * {
    9.       font-family: 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans';
    10.       font-size: 12px;
    11.     }
    12.   </style>
    13.  
    14.   <script nonce="undefined" src="https://cdn.zingchart.com/zingchart.min.js"></script>
    15.   <style>
    16.     html,
    17.     body {
    18.       height: 100%;
    19.       width: 100%;
    20.       margin: 0;
    21.       padding: 0;
    22.     }
    23.  
    24.     #myChart {
    25.       height: 100%;
    26.       width: 100%;
    27.       min-height: 150px;
    28.     }
    29.  
    30.     .zc-ref {
    31.       display: none;
    32.     }
    33.   </style>
    34. </head>
    35.  
    36. <body>
    37.  
    38.   <div id="zc"></div>
    39.   <script>
    40.     ZC.LICENSE = ["569d52cefae586f634c54f86dc99e6a9", "b55b025e438fa8a98e32482b5f768ff5"];
    41.     var depthData = {
    42.       backgroundColor: '#f3f3f3 #d9d9d9',
    43.       type: 'depth',
    44.       series: [{
    45.           values: [
    46.             [1168.49, 0],
    47.             [1164.69, 12.0211],
    48.             [1163.38, 33.0049],
    49.             [1160.98, 45.5622],
    50.             [1158.64, 60.4819],
    51.             [1154.04, 71.5594],
    52.             [1146.54, 83.2051],
    53.             [1133.37, 106.8834],
    54.             [1129.63, 127.1219],
    55.             [1126.89, 145.2484],
    56.             [1115.14, 155.8074],
    57.             [1113.54, 171.8438],
    58.             [1110.49, 184.443],
    59.             [1106.92, 202.3068],
    60.             [1106.7, 224.5185],
    61.             [1104.03, 244.5286],
    62.             [1101.99, 256.5801],
    63.             [1099.57, 272.8992],
    64.             [1099.47, 289.2549],
    65.             [1095.76, 300.107],
    66.             [1091.75, 320.0837],
    67.             [1091.37, 334.7523],
    68.             [1086.9, 357.9836],
    69.             [1086.6, 375.3844],
    70.             [1081.13, 387.3668],
    71.             [1079.3, 403.3796],
    72.             [1074.56, 420.0898],
    73.             [1069.69, 438.8176],
    74.             [1068.59, 462.0495],
    75.             [1056.35, 484.2044],
    76.             [1052.93, 507.0559],
    77.             [1052.03, 529.1966],
    78.             [1047.46, 541.6345],
    79.             [1033.06, 551.942],
    80.             [1030.42, 569.7072],
    81.             [1025.65, 583.7136],
    82.             [1023.38, 608.1764],
    83.             [1020.04, 620.0944],
    84.             [1018.53, 644.661],
    85.             [1014.92, 661.6777]
    86.           ],
    87.           text: 'Sell'
    88.         },
    89.         {
    90.           values: [
    91.             [1168.49, 0],
    92.             [1172.22, 33.1932],
    93.             [1174.28, 50.5177],
    94.             [1174.99, 81.8346],
    95.             [1189.53, 104.332],
    96.             [1191.07, 119.9178],
    97.             [1195.62, 146.3812],
    98.             [1199.32, 180.9109],
    99.             [1201.89, 199.313],
    100.             [1204.34, 228.9945],
    101.             [1206.47, 251.6454],
    102.             [1209.44, 285.6366],
    103.             [1221.89, 312.7949],
    104.             [1230.48, 328.6889],
    105.             [1235.24, 351.3438],
    106.             [1248.33, 377.9289],
    107.             [1251.24, 409.9444],
    108.             [1253.75, 435.5418],
    109.             [1257.48, 453.8852],
    110.             [1261.01, 483.8769],
    111.             [1265.06, 499.7163],
    112.             [1268.75, 529.6374],
    113.             [1270.2, 552.1779],
    114.             [1272.15, 579.5218],
    115.             [1274.19, 606.4376],
    116.             [1276.17, 638.8508],
    117.             [1283.07, 668.7969],
    118.             [1285.76, 694.1647],
    119.             [1287.89, 709.9417],
    120.             [1288.72, 735.6358],
    121.             [1295.71, 765.2281],
    122.             [1303.26, 784.6807],
    123.             [1305.43, 801.1021],
    124.             [1307.78, 817.4528],
    125.             [1312.76, 836.7914],
    126.             [1317.6, 859.4746],
    127.             [1322.31, 891.443],
    128.             [1324.35, 907.6098],
    129.             [1325.7, 931.1996],
    130.             [1328.01, 949.3013]
    131.           ],
    132.           text: 'Buy'
    133.         }
    134.       ]
    135.     };
    136.  
    137.  
    138.     zingchart.render({
    139.       id: 'zc',
    140.       data: depthData
    141.     });
    142.   </script>
    143. </body>
    144.  
    145. </html>
    1. <!DOCTYPE html>
    2. <html>
    3.  
    4. <head>
    5.   <meta charset="utf-8">
    6.   <title>ZingSoft Demo</title>
    7.   <style>
    8.     * {
    9.       font-family: 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans';
    10.       font-size: 12px;
    11.     }
    12.   </style>
    13.  
    14.   <script src="https://cdn.zingchart.com/zingchart.min.js"></script>
    15. </head>
    16.  
    17. <body>
    18.  
    19.   <div id="zc"></div>
    20. </body>
    21.  
    22. </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. var depthData = {
    2.   backgroundColor: '#f3f3f3 #d9d9d9',
    3.   type: 'depth',
    4.   series: [{
    5.       values: [
    6.         [1168.49, 0],
    7.         [1164.69, 12.0211],
    8.         [1163.38, 33.0049],
    9.         [1160.98, 45.5622],
    10.         [1158.64, 60.4819],
    11.         [1154.04, 71.5594],
    12.         [1146.54, 83.2051],
    13.         [1133.37, 106.8834],
    14.         [1129.63, 127.1219],
    15.         [1126.89, 145.2484],
    16.         [1115.14, 155.8074],
    17.         [1113.54, 171.8438],
    18.         [1110.49, 184.443],
    19.         [1106.92, 202.3068],
    20.         [1106.7, 224.5185],
    21.         [1104.03, 244.5286],
    22.         [1101.99, 256.5801],
    23.         [1099.57, 272.8992],
    24.         [1099.47, 289.2549],
    25.         [1095.76, 300.107],
    26.         [1091.75, 320.0837],
    27.         [1091.37, 334.7523],
    28.         [1086.9, 357.9836],
    29.         [1086.6, 375.3844],
    30.         [1081.13, 387.3668],
    31.         [1079.3, 403.3796],
    32.         [1074.56, 420.0898],
    33.         [1069.69, 438.8176],
    34.         [1068.59, 462.0495],
    35.         [1056.35, 484.2044],
    36.         [1052.93, 507.0559],
    37.         [1052.03, 529.1966],
    38.         [1047.46, 541.6345],
    39.         [1033.06, 551.942],
    40.         [1030.42, 569.7072],
    41.         [1025.65, 583.7136],
    42.         [1023.38, 608.1764],
    43.         [1020.04, 620.0944],
    44.         [1018.53, 644.661],
    45.         [1014.92, 661.6777]
    46.       ],
    47.       text: 'Sell'
    48.     },
    49.     {
    50.       values: [
    51.         [1168.49, 0],
    52.         [1172.22, 33.1932],
    53.         [1174.28, 50.5177],
    54.         [1174.99, 81.8346],
    55.         [1189.53, 104.332],
    56.         [1191.07, 119.9178],
    57.         [1195.62, 146.3812],
    58.         [1199.32, 180.9109],
    59.         [1201.89, 199.313],
    60.         [1204.34, 228.9945],
    61.         [1206.47, 251.6454],
    62.         [1209.44, 285.6366],
    63.         [1221.89, 312.7949],
    64.         [1230.48, 328.6889],
    65.         [1235.24, 351.3438],
    66.         [1248.33, 377.9289],
    67.         [1251.24, 409.9444],
    68.         [1253.75, 435.5418],
    69.         [1257.48, 453.8852],
    70.         [1261.01, 483.8769],
    71.         [1265.06, 499.7163],
    72.         [1268.75, 529.6374],
    73.         [1270.2, 552.1779],
    74.         [1272.15, 579.5218],
    75.         [1274.19, 606.4376],
    76.         [1276.17, 638.8508],
    77.         [1283.07, 668.7969],
    78.         [1285.76, 694.1647],
    79.         [1287.89, 709.9417],
    80.         [1288.72, 735.6358],
    81.         [1295.71, 765.2281],
    82.         [1303.26, 784.6807],
    83.         [1305.43, 801.1021],
    84.         [1307.78, 817.4528],
    85.         [1312.76, 836.7914],
    86.         [1317.6, 859.4746],
    87.         [1322.31, 891.443],
    88.         [1324.35, 907.6098],
    89.         [1325.7, 931.1996],
    90.         [1328.01, 949.3013]
    91.       ],
    92.       text: 'Buy'
    93.     }
    94.   ]
    95. };
    96.  
    97.  
    98. zingchart.render({
    99.   id: 'zc',
    100.   data: depthData
    101. });