• 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></style>
    10. </head>
    11.  
    12. <body>
    13.   <div id='myChart'></div>
    14.   <script>
    15.     ZC.LICENSE = ["569d52cefae586f634c54f86dc99e6a9", "b55b025e438fa8a98e32482b5f768ff5"];
    16.     var myConfig = {
    17.       "graphset": [{
    18.           "title": {
    19.             "text": "Index Fund Comparison Chart"
    20.           },
    21.           "type": "stock",
    22.           "x": "0%",
    23.           "y": "0%",
    24.           "height": "40%",
    25.           "width": "100%",
    26.           "crosshair-x": {
    27.             "plot-label": {
    28.               "text": "Open: $%open<br>High: $%high<br>Low: $%low<br>Close: $%close",
    29.               "border-color": "#6600cc"
    30.             },
    31.             "scale-label": {
    32.               "visible": false
    33.             },
    34.             "shared": true
    35.           },
    36.           "scale-x": {
    37.             "min-value": 1420232400000,
    38.             "step": "day",
    39.             "transform": {
    40.               "type": "date",
    41.               "all": "%m/%d/%y"
    42.             },
    43.             "max-items": 6,
    44.             "item": {
    45.               "font-size": 10
    46.             }
    47.           },
    48.           "scale-y": {
    49.             "values": "30:34:4",
    50.             "format": "$%v",
    51.             "guide": {
    52.               "line-style": "solid"
    53.             },
    54.             "item": {
    55.               "font-size": 10
    56.             }
    57.           },
    58.           "plot": {
    59.             "aspect": "candlestick",
    60.             "tooltip": {
    61.               "visible": false
    62.             },
    63.             "trend-up": {
    64.               "background-color": "#6600cc",
    65.               "line-color": "#6600cc",
    66.               "border-color": "#6600cc"
    67.             },
    68.             "trend-down": {
    69.               "background-color": "none",
    70.               "line-color": "#6600cc",
    71.               "border-color": "#6600cc"
    72.             }
    73.           },
    74.           "plotarea": {
    75.             "margin-bottom": "dynamic",
    76.             "margin-top": "40%"
    77.           },
    78.           "series": [{
    79.             "values": [
    80.               [1420232400000, [32.34, 32.46, 31.87, 32.06]], //01/02/15
    81.  
    82.               [1420491600000, [32.80, 33.25, 32.52, 33.05]], //01/05/15
    83.               [1420578000000, [33.05, 33.57, 32.93, 33.30]], //01/06/15
    84.               [1420664400000, [33.21, 33.39, 32.98, 33.08]], //01/07/15
    85.               [1420750800000, [33.32, 33.38, 33.13, 33.37]], //01/08/15
    86.               [1420837200000, [33.52, 33.53, 32.95, 33.03]], //01/09/15
    87.  
    88.               [1421096400000, [33.07, 33.14, 32.77, 32.98]], //01/12/15
    89.               [1421182800000, [33.26, 33.33, 32.61, 32.86]], //01/13/15
    90.               [1421269200000, [32.65, 32.85, 32.41, 32.78]], //01/14/15
    91.               [1421355600000, [32.86, 32.97, 32.56, 32.58]], //01/15/15
    92.               [1421442000000, [32.51, 32.65, 32.45, 32.59]], //01/16/15
    93.  
    94.               [1421787600000, [32.84, 32.87, 32.55, 32.85]], //01/20/15
    95.               [1421874000000, [32.83, 33.08, 32.71, 33.04]], //01/21/15
    96.               [1421960400000, [33.30, 33.36, 32.96, 33.28]], //01/22/15
    97.               [1422046800000, [33.43, 33.88, 33.29, 33.48]], //01/23/15
    98.  
    99.               [1422306000000, [33.72, 33.74, 33.40, 33.60]], //01/26/15
    100.               [1422392400000, [33.39, 33.46, 33.20, 33.38]], //01/27/15
    101.               [1422478800000, [33.47, 33.49, 32.81, 32.84]], //01/28/15
    102.               [1422565200000, [32.84, 33.20, 32.78, 33.08]], //01/29/15
    103.               [1422651600000, [32.88, 33.11, 32.82, 32.89]], //01/30/15
    104.  
    105.               [1422910800000, [33.00, 33.22, 32.90, 33.21]], //02/02/15
    106.               [1422997200000, [33.29, 33.52, 33.26, 33.47]], //02/03/15
    107.               [1423083600000, [33.41, 33.43, 33.08, 33.16]], //02/04/15
    108.               [1423170000000, [33.25, 33.50, 33.23, 33.50]], //02/05/15
    109.               [1423256400000, [33.54, 33.75, 33.47, 33.52]], //02/06/15
    110.  
    111.               [1423515600000, [33.47, 33.75, 32.50, 32.64]], //02/09/15
    112.               [1423602000000, [32.77, 33.05, 32.55, 32.96]], //02/10/15
    113.               [1423688400000, [32.49, 32.82, 32.35, 32.77]], //02/11/15
    114.               [1423774800000, [32.70, 32.99, 31.71, 31.89]], //02/12/15
    115.               [1423861200000, [31.99, 32.57, 31.50, 32.55]], //02/13/15
    116.  
    117.               [1424206800000, [31.02, 31.30, 30.98, 31.27]], //02/17/15
    118.               [1424293200000, [31.34, 31.90, 31.15, 31.80]], //02/18/15
    119.               [1424379600000, [31.85, 31.91, 31.05, 31.15]], //02/19/15
    120.               [1424466000000, [30.88, 31.21, 30.80, 31.21]], //02/20/15
    121.  
    122.               [1424725200000, [31.22, 31.30, 31.10, 31.17]], //02/23/15
    123.               [1424811600000, [31.15, 31.45, 31.01, 31.39]], //02/24/15
    124.               [1424898000000, [31.45, 32.06, 31.40, 31.91]], //02/25/15
    125.               [1424984400000, [31.94, 32.01, 31.81, 31.89]], //02/26/15
    126.               [1425070800000, [31.83, 32.27, 31.75, 31.99]], //02/27/15
    127.  
    128.               [1425330000000, [31.90, 32.12, 31.85, 32.11]], //03/02/15
    129.               [1425416400000, [32.05, 32.08, 31.78, 31.86]], //03/03/15
    130.               [1425502800000, [31.76, 31.77, 31.47, 31.66]], //03/04/15
    131.               [1425589200000, [31.62, 31.82, 31.57, 31.82]], //03/05/15
    132.               [1425675600000, [31.71, 31.78, 31.33, 31.42]], //03/06/15
    133.  
    134.               [1425934800000, [31.52, 31.70, 31.49, 31.64]], //03/09/15
    135.               [1426021200000, [31.50, 31.64, 31.17, 31.17]], //03/10/15
    136.               [1426107600000, [31.28, 31.49, 31.15, 31.19]], //03/11/15
    137.               [1426194000000, [31.27, 31.41, 31.17, 31.40]], //03/12/15
    138.               [1426280400000, [31.28, 31.36, 30.81, 31.04]], //03/13/15
    139.  
    140.               [1426539600000, [31.06, 31.48, 30.96, 31.45]], //03/16/15
    141.               [1426626000000, [31.30, 31.39, 31.09, 31.31]], //03/17/15
    142.               [1426712400000, [31.18, 31.85, 31.11, 31.64]], //03/18/15
    143.               [1426798800000, [31.44, 31.61, 31.26, 31.33]], //03/19/15
    144.               [1426885200000, [31.34, 31.53, 31.30, 31.40]], //03/20/15
    145.  
    146.               [1427144400000, [31.48, 31.74, 31.45, 31.47]], //03/23/15
    147.               [1427230800000, [31.38, 31.48, 31.27, 31.28]], //03/24/15
    148.               [1427317200000, [31.23, 31.33, 30.91, 30.91]], //03/25/15
    149.               [1427403600000, [31.80, 31.92, 31.17, 31.30]], //03/26/15
    150.               [1427490000000, [31.34, 31.90, 30.60, 30.64]], //03/27/15
    151.  
    152.               [1427749200000, [30.98, 31.20, 30.97, 31.12]], //03/30/15
    153.               [1427835600000, [31.15, 31.90, 30.81, 31.81]] //03/31/15
    154.             ]
    155.           }]
    156.         },
    157.         {
    158.           "type": "stock",
    159.           "x": "0%",
    160.           "y": "40%",
    161.           "height": "30%",
    162.           "width": "100%",
    163.           "crosshair-x": {
    164.             "plot-label": {
    165.               "text": "Open: $%open<br>High: $%high<br>Low: $%low<br>Close: $%close",
    166.               "border-color": "#6699ff"
    167.             },
    168.             "scale-label": {
    169.               "visible": false
    170.             },
    171.             "shared": true
    172.           },
    173.           "scale-x": {
    174.             "min-value": 1420232400000,
    175.             "step": "day",
    176.             "transform": {
    177.               "type": "date",
    178.               "all": "%m/%d/%y"
    179.             },
    180.             "max-items": 6,
    181.             "item": {
    182.               "font-size": 10
    183.             }
    184.           },
    185.           "scale-y": {
    186.             "values": "30:34:4",
    187.             "format": "$%v",
    188.             "guide": {
    189.               "line-style": "solid"
    190.             },
    191.             "item": {
    192.               "font-size": 10
    193.             }
    194.           },
    195.           "plot": {
    196.             "aspect": "candlestick",
    197.             "tooltip": {
    198.               "visible": false
    199.             },
    200.             "trend-up": {
    201.               "background-color": "#6699ff",
    202.               "line-color": "#6699ff",
    203.               "border-color": "#6699ff"
    204.             },
    205.             "trend-down": {
    206.               "background-color": "none",
    207.               "line-color": "#6699ff",
    208.               "border-color": "#6699ff"
    209.             }
    210.           },
    211.           "plotarea": {
    212.             "margin-bottom": "dynamic",
    213.             "margin-top": "30%"
    214.           },
    215.           "series": [{
    216.             "values": [
    217.               [1420232400000, [33.03, 33.49, 32.85, 33.07]], //01/02/15
    218.  
    219.               [1420491600000, [31.80, 32.45, 31.52, 32.05]], //01/05/15
    220.               [1420578000000, [32.30, 32.57, 31.93, 32.03]], //01/06/15
    221.               [1420664400000, [33.21, 33.39, 32.98, 33.08]], //01/07/15
    222.               [1420750800000, [33.32, 33.38, 33.13, 33.37]], //01/08/15
    223.               [1420837200000, [33.52, 33.53, 32.95, 33.03]], //01/09/15
    224.  
    225.               [1421096400000, [33.07, 33.14, 32.77, 32.98]], //01/12/15
    226.               [1421182800000, [33.26, 33.33, 32.61, 32.86]], //01/13/15
    227.               [1421269200000, [32.65, 32.85, 32.41, 32.78]], //01/14/15
    228.               [1421355600000, [32.86, 32.97, 32.56, 32.58]], //01/15/15
    229.               [1421442000000, [32.51, 32.65, 32.45, 32.59]], //01/16/15
    230.  
    231.               [1421787600000, [32.43, 32.88, 32.29, 32.48]], //01/20/15
    232.               [1421874000000, [32.30, 32.36, 31.96, 32.28]], //01/21/15
    233.               [1421960400000, [31.83, 32.08, 31.71, 32.04]], //01/22/15
    234.               [1422046800000, [31.84, 31.87, 31.55, 31.85]], //01/23/15
    235.  
    236.               [1422306000000, [32.88, 33.11, 32.82, 32.89]], //01/26/15
    237.               [1422392400000, [32.84, 33.20, 32.78, 33.08]], //01/27/15
    238.               [1422478800000, [33.47, 33.49, 32.81, 32.84]], //01/28/15
    239.               [1422565200000, [33.39, 33.46, 33.20, 33.38]], //01/29/15
    240.               [1422651600000, [32.72, 32.74, 32.40, 32.60]], //01/30/15
    241.  
    242.               [1422910800000, [33.00, 33.22, 32.90, 33.21]], //02/02/15
    243.               [1422997200000, [33.29, 33.52, 33.26, 33.47]], //02/03/15
    244.               [1423083600000, [33.41, 33.43, 33.08, 33.16]], //02/04/15
    245.               [1423170000000, [33.25, 33.50, 33.23, 33.50]], //02/05/15
    246.               [1423256400000, [33.54, 33.75, 33.47, 33.52]], //02/06/15
    247.  
    248.               [1423515600000, [33.47, 33.75, 32.50, 32.64]], //02/09/15
    249.               [1423602000000, [32.77, 33.05, 32.55, 32.96]], //02/10/15
    250.               [1423688400000, [32.49, 32.82, 32.35, 32.77]], //02/11/15
    251.               [1423774800000, [32.70, 32.99, 31.71, 31.89]], //02/12/15
    252.               [1423861200000, [31.99, 32.57, 31.50, 32.55]], //02/13/15
    253.  
    254.               [1424206800000, [32.02, 32.30, 31.98, 32.27]], //02/17/15
    255.               [1424293200000, [32.34, 32.90, 32.15, 32.80]], //02/18/15
    256.               [1424379600000, [32.85, 32.91, 32.05, 32.15]], //02/19/15
    257.               [1424466000000, [31.88, 32.21, 31.80, 32.21]], //02/20/15
    258.  
    259.               [1424725200000, [31.25, 32.30, 31.01, 32.17]], //02/23/15
    260.               [1424811600000, [31.15, 32.45, 31.01, 32.39]], //02/24/15
    261.               [1424898000000, [31.45, 32.06, 31.40, 31.91]], //02/25/15
    262.               [1424984400000, [31.94, 32.01, 31.81, 31.89]], //02/26/15
    263.               [1425070800000, [31.83, 32.27, 31.75, 31.99]], //02/27/15
    264.  
    265.               [1425330000000, [32.50, 33.42, 32.35, 33.11]], //03/02/15
    266.               [1425416400000, [32.05, 32.08, 30.56, 30.65]], //03/03/15
    267.               [1425502800000, [31.76, 31.77, 31.47, 31.66]], //03/04/15
    268.               [1425589200000, [31.62, 31.82, 31.57, 31.82]], //03/05/15
    269.               [1425675600000, [31.71, 31.78, 31.33, 31.42]], //03/06/15
    270.  
    271.               [1425934800000, [31.52, 31.70, 31.49, 31.64]], //03/09/15
    272.               [1426021200000, [31.50, 31.64, 31.17, 31.17]], //03/10/15
    273.               [1426107600000, [31.28, 31.49, 31.15, 31.19]], //03/11/15
    274.               [1426194000000, [31.27, 31.41, 31.17, 31.40]], //03/12/15
    275.               [1426280400000, [31.28, 31.36, 30.81, 31.04]], //03/13/15
    276.  
    277.               [1426539600000, [31.06, 31.48, 30.96, 31.45]], //03/16/15
    278.               [1426626000000, [31.30, 31.39, 31.09, 31.31]], //03/17/15
    279.               [1426712400000, [31.18, 31.85, 31.11, 31.64]], //03/18/15
    280.               [1426798800000, [31.44, 31.61, 31.26, 31.33]], //03/19/15
    281.               [1426885200000, [31.34, 31.53, 31.30, 31.40]], //03/20/15
    282.  
    283.               [1427144400000, [31.48, 31.74, 31.45, 31.47]], //03/23/15
    284.               [1427230800000, [31.38, 31.48, 31.27, 31.28]], //03/24/15
    285.               [1427317200000, [31.23, 31.33, 30.91, 30.91]], //03/25/15
    286.               [1427403600000, [31.80, 31.92, 31.17, 31.30]], //03/26/15
    287.               [1427490000000, [31.34, 31.90, 30.60, 30.64]], //03/27/15
    288.  
    289.               [1427749200000, [31.70, 32.20, 31.50, 32.12]], //03/30/15
    290.               [1427835600000, [32.91, 33.60, 31.81, 32.18]] //03/31/15
    291.             ]
    292.           }]
    293.         },
    294.         {
    295.           "type": "stock",
    296.           "x": "0%",
    297.           "y": "70%",
    298.           "height": "30%",
    299.           "width": "100%",
    300.           "crosshair-x": {
    301.             "plot-label": {
    302.               "text": "Open: $%open<br>High: $%high<br>Low: $%low<br>Close: $%close",
    303.               "border-color": "#339966"
    304.             },
    305.             "scale-label": {
    306.  
    307.             },
    308.             "shared": true
    309.           },
    310.           "scale-x": {
    311.             "min-value": 1420232400000,
    312.             "step": "day",
    313.             "transform": {
    314.               "type": "date",
    315.               "all": "%m/%d/%y"
    316.             },
    317.             "max-items": 6,
    318.             "item": {
    319.               "font-size": 10
    320.             }
    321.           },
    322.           "scale-y": {
    323.             "values": "30:34:4",
    324.             "format": "$%v",
    325.             "guide": {
    326.               "line-style": "solid"
    327.             },
    328.             "item": {
    329.               "font-size": 10
    330.             }
    331.           },
    332.           "plot": {
    333.             "aspect": "candlestick",
    334.             "tooltip": {
    335.               "visible": false
    336.             },
    337.             "trend-up": {
    338.               "background-color": "#339966",
    339.               "line-color": "#339966",
    340.               "border-color": "#339966"
    341.             },
    342.             "trend-down": {
    343.               "background-color": "none",
    344.               "line-color": "#339966",
    345.               "border-color": "#339966"
    346.             }
    347.           },
    348.           "plotarea": {
    349.             "margin-bottom": "dynamic",
    350.             "margin-top": "20%"
    351.           },
    352.           "series": [{
    353.             "values": [
    354.               [1420232400000, [32.34, 33.46, 31.00, 32.46]], //01/02/15
    355.  
    356.               [1420491600000, [32.80, 33.25, 32.52, 33.05]], //01/05/15
    357.               [1420578000000, [33.05, 33.57, 32.93, 33.30]], //01/06/15
    358.               [1420664400000, [33.21, 33.39, 32.98, 33.08]], //01/07/15
    359.               [1420750800000, [33.32, 33.38, 33.13, 33.37]], //01/08/15
    360.               [1420837200000, [33.52, 33.53, 32.95, 33.03]], //01/09/15
    361.  
    362.               [1421096400000, [32.07, 32.14, 31.77, 31.98]], //01/12/15
    363.               [1421182800000, [32.26, 32.33, 31.61, 31.86]], //01/13/15
    364.               [1421269200000, [31.65, 31.85, 31.41, 31.78]], //01/14/15
    365.               [1421355600000, [31.86, 31.97, 31.56, 31.58]], //01/15/15
    366.               [1421442000000, [31.51, 32.34, 31.45, 32.30]], //01/16/15
    367.  
    368.               [1421787600000, [32.84, 32.87, 32.55, 32.85]], //01/20/15
    369.               [1421874000000, [32.83, 33.08, 32.71, 33.04]], //01/21/15
    370.               [1421960400000, [33.30, 33.36, 32.96, 33.28]], //01/22/15
    371.               [1422046800000, [33.43, 33.88, 33.29, 33.48]], //01/23/15
    372.  
    373.               [1422306000000, [32.72, 32.74, 32.40, 32.60]], //01/26/15
    374.               [1422392400000, [32.39, 32.46, 32.20, 32.38]], //01/27/15
    375.               [1422478800000, [32.47, 32.49, 31.81, 31.84]], //01/28/15
    376.               [1422565200000, [31.84, 32.20, 31.78, 32.08]], //01/29/15
    377.               [1422651600000, [31.88, 32.11, 31.82, 31.89]], //01/30/15
    378.  
    379.               [1422910800000, [33.00, 33.22, 32.90, 33.21]], //02/02/15
    380.               [1422997200000, [33.29, 33.52, 33.26, 33.47]], //02/03/15
    381.               [1423083600000, [33.41, 33.43, 33.08, 33.16]], //02/04/15
    382.               [1423170000000, [33.25, 33.50, 33.23, 33.50]], //02/05/15
    383.               [1423256400000, [33.54, 33.75, 33.47, 33.52]], //02/06/15
    384.  
    385.               [1423515600000, [33.47, 33.75, 32.50, 32.64]], //02/09/15
    386.               [1423602000000, [32.77, 33.05, 32.55, 32.96]], //02/10/15
    387.               [1423688400000, [32.49, 32.82, 32.35, 32.77]], //02/11/15
    388.               [1423774800000, [32.70, 32.99, 31.71, 31.89]], //02/12/15
    389.               [1423861200000, [31.99, 32.57, 31.50, 32.55]], //02/13/15
    390.  
    391.               [1424206800000, [31.02, 31.30, 30.98, 31.27]], //02/17/15
    392.               [1424293200000, [31.34, 31.90, 31.15, 31.80]], //02/18/15
    393.               [1424379600000, [31.85, 31.91, 31.05, 31.15]], //02/19/15
    394.               [1424466000000, [30.88, 31.21, 30.80, 31.21]], //02/20/15
    395.  
    396.               [1424725200000, [31.22, 31.30, 31.10, 31.17]], //02/23/15
    397.               [1424811600000, [31.15, 31.45, 31.01, 31.39]], //02/24/15
    398.               [1424898000000, [31.45, 32.06, 31.40, 31.91]], //02/25/15
    399.               [1424984400000, [31.94, 32.01, 31.81, 31.89]], //02/26/15
    400.               [1425070800000, [31.83, 32.27, 31.75, 31.99]], //02/27/15
    401.  
    402.               [1425330000000, [31.90, 32.12, 31.85, 32.11]], //03/02/15
    403.               [1425416400000, [32.05, 32.08, 31.78, 31.86]], //03/03/15
    404.               [1425502800000, [31.76, 31.77, 31.47, 31.66]], //03/04/15
    405.               [1425589200000, [31.62, 31.82, 31.57, 31.82]], //03/05/15
    406.               [1425675600000, [31.71, 31.78, 31.33, 31.42]], //03/06/15
    407.  
    408.               [1425934800000, [31.52, 32.71, 31.49, 32.51]], //03/09/15
    409.               [1426021200000, [31.50, 32.34, 31.17, 32.15]], //03/10/15
    410.               [1426107600000, [32.30, 32.49, 31.15, 31.19]], //03/11/15
    411.               [1426194000000, [31.27, 31.41, 31.17, 31.40]], //03/12/15
    412.               [1426280400000, [31.28, 31.36, 30.81, 31.04]], //03/13/15
    413.  
    414.               [1426539600000, [31.06, 31.48, 30.96, 31.45]], //03/16/15
    415.               [1426626000000, [31.30, 31.39, 31.09, 31.31]], //03/17/15
    416.               [1426712400000, [31.18, 31.85, 31.11, 31.64]], //03/18/15
    417.               [1426798800000, [31.44, 31.61, 31.26, 31.33]], //03/19/15
    418.               [1426885200000, [31.34, 31.53, 31.30, 31.40]], //03/20/15
    419.  
    420.               [1427144400000, [31.48, 31.74, 31.45, 31.47]], //03/23/15
    421.               [1427230800000, [31.38, 31.48, 31.27, 31.28]], //03/24/15
    422.               [1427317200000, [32.23, 32.33, 31.91, 31.91]], //03/25/15
    423.               [1427403600000, [32.80, 32.92, 32.17, 32.30]], //03/26/15
    424.               [1427490000000, [32.34, 32.90, 31.60, 31.64]], //03/27/15
    425.  
    426.               [1427749200000, [30.98, 31.20, 30.97, 31.12]], //03/30/15
    427.               [1427835600000, [30.15, 31.90, 30.01, 31.05]] //03/31/15
    428.             ]
    429.           }]
    430.         }
    431.       ]
    432.     };
    433.  
    434.     zingchart.render({
    435.       id: 'myChart',
    436.       data: myConfig,
    437.       height: 400,
    438.       width: "100%"
    439.     });
    440.   </script>
    441. </body>
    442.  
    443. </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'></div>
    13. </body>
    14.  
    15. </html>
    1.  
    1. var myConfig = {
    2.   "graphset": [{
    3.       "title": {
    4.         "text": "Index Fund Comparison Chart"
    5.       },
    6.       "type": "stock",
    7.       "x": "0%",
    8.       "y": "0%",
    9.       "height": "40%",
    10.       "width": "100%",
    11.       "crosshair-x": {
    12.         "plot-label": {
    13.           "text": "Open: $%open<br>High: $%high<br>Low: $%low<br>Close: $%close",
    14.           "border-color": "#6600cc"
    15.         },
    16.         "scale-label": {
    17.           "visible": false
    18.         },
    19.         "shared": true
    20.       },
    21.       "scale-x": {
    22.         "min-value": 1420232400000,
    23.         "step": "day",
    24.         "transform": {
    25.           "type": "date",
    26.           "all": "%m/%d/%y"
    27.         },
    28.         "max-items": 6,
    29.         "item": {
    30.           "font-size": 10
    31.         }
    32.       },
    33.       "scale-y": {
    34.         "values": "30:34:4",
    35.         "format": "$%v",
    36.         "guide": {
    37.           "line-style": "solid"
    38.         },
    39.         "item": {
    40.           "font-size": 10
    41.         }
    42.       },
    43.       "plot": {
    44.         "aspect": "candlestick",
    45.         "tooltip": {
    46.           "visible": false
    47.         },
    48.         "trend-up": {
    49.           "background-color": "#6600cc",
    50.           "line-color": "#6600cc",
    51.           "border-color": "#6600cc"
    52.         },
    53.         "trend-down": {
    54.           "background-color": "none",
    55.           "line-color": "#6600cc",
    56.           "border-color": "#6600cc"
    57.         }
    58.       },
    59.       "plotarea": {
    60.         "margin-bottom": "dynamic",
    61.         "margin-top": "40%"
    62.       },
    63.       "series": [{
    64.         "values": [
    65.           [1420232400000, [32.34, 32.46, 31.87, 32.06]], //01/02/15
    66.  
    67.           [1420491600000, [32.80, 33.25, 32.52, 33.05]], //01/05/15
    68.           [1420578000000, [33.05, 33.57, 32.93, 33.30]], //01/06/15
    69.           [1420664400000, [33.21, 33.39, 32.98, 33.08]], //01/07/15
    70.           [1420750800000, [33.32, 33.38, 33.13, 33.37]], //01/08/15
    71.           [1420837200000, [33.52, 33.53, 32.95, 33.03]], //01/09/15
    72.  
    73.           [1421096400000, [33.07, 33.14, 32.77, 32.98]], //01/12/15
    74.           [1421182800000, [33.26, 33.33, 32.61, 32.86]], //01/13/15
    75.           [1421269200000, [32.65, 32.85, 32.41, 32.78]], //01/14/15
    76.           [1421355600000, [32.86, 32.97, 32.56, 32.58]], //01/15/15
    77.           [1421442000000, [32.51, 32.65, 32.45, 32.59]], //01/16/15
    78.  
    79.           [1421787600000, [32.84, 32.87, 32.55, 32.85]], //01/20/15
    80.           [1421874000000, [32.83, 33.08, 32.71, 33.04]], //01/21/15
    81.           [1421960400000, [33.30, 33.36, 32.96, 33.28]], //01/22/15
    82.           [1422046800000, [33.43, 33.88, 33.29, 33.48]], //01/23/15
    83.  
    84.           [1422306000000, [33.72, 33.74, 33.40, 33.60]], //01/26/15
    85.           [1422392400000, [33.39, 33.46, 33.20, 33.38]], //01/27/15
    86.           [1422478800000, [33.47, 33.49, 32.81, 32.84]], //01/28/15
    87.           [1422565200000, [32.84, 33.20, 32.78, 33.08]], //01/29/15
    88.           [1422651600000, [32.88, 33.11, 32.82, 32.89]], //01/30/15
    89.  
    90.           [1422910800000, [33.00, 33.22, 32.90, 33.21]], //02/02/15
    91.           [1422997200000, [33.29, 33.52, 33.26, 33.47]], //02/03/15
    92.           [1423083600000, [33.41, 33.43, 33.08, 33.16]], //02/04/15
    93.           [1423170000000, [33.25, 33.50, 33.23, 33.50]], //02/05/15
    94.           [1423256400000, [33.54, 33.75, 33.47, 33.52]], //02/06/15
    95.  
    96.           [1423515600000, [33.47, 33.75, 32.50, 32.64]], //02/09/15
    97.           [1423602000000, [32.77, 33.05, 32.55, 32.96]], //02/10/15
    98.           [1423688400000, [32.49, 32.82, 32.35, 32.77]], //02/11/15
    99.           [1423774800000, [32.70, 32.99, 31.71, 31.89]], //02/12/15
    100.           [1423861200000, [31.99, 32.57, 31.50, 32.55]], //02/13/15
    101.  
    102.           [1424206800000, [31.02, 31.30, 30.98, 31.27]], //02/17/15
    103.           [1424293200000, [31.34, 31.90, 31.15, 31.80]], //02/18/15
    104.           [1424379600000, [31.85, 31.91, 31.05, 31.15]], //02/19/15
    105.           [1424466000000, [30.88, 31.21, 30.80, 31.21]], //02/20/15
    106.  
    107.           [1424725200000, [31.22, 31.30, 31.10, 31.17]], //02/23/15
    108.           [1424811600000, [31.15, 31.45, 31.01, 31.39]], //02/24/15
    109.           [1424898000000, [31.45, 32.06, 31.40, 31.91]], //02/25/15
    110.           [1424984400000, [31.94, 32.01, 31.81, 31.89]], //02/26/15
    111.           [1425070800000, [31.83, 32.27, 31.75, 31.99]], //02/27/15
    112.  
    113.           [1425330000000, [31.90, 32.12, 31.85, 32.11]], //03/02/15
    114.           [1425416400000, [32.05, 32.08, 31.78, 31.86]], //03/03/15
    115.           [1425502800000, [31.76, 31.77, 31.47, 31.66]], //03/04/15
    116.           [1425589200000, [31.62, 31.82, 31.57, 31.82]], //03/05/15
    117.           [1425675600000, [31.71, 31.78, 31.33, 31.42]], //03/06/15
    118.  
    119.           [1425934800000, [31.52, 31.70, 31.49, 31.64]], //03/09/15
    120.           [1426021200000, [31.50, 31.64, 31.17, 31.17]], //03/10/15
    121.           [1426107600000, [31.28, 31.49, 31.15, 31.19]], //03/11/15
    122.           [1426194000000, [31.27, 31.41, 31.17, 31.40]], //03/12/15
    123.           [1426280400000, [31.28, 31.36, 30.81, 31.04]], //03/13/15
    124.  
    125.           [1426539600000, [31.06, 31.48, 30.96, 31.45]], //03/16/15
    126.           [1426626000000, [31.30, 31.39, 31.09, 31.31]], //03/17/15
    127.           [1426712400000, [31.18, 31.85, 31.11, 31.64]], //03/18/15
    128.           [1426798800000, [31.44, 31.61, 31.26, 31.33]], //03/19/15
    129.           [1426885200000, [31.34, 31.53, 31.30, 31.40]], //03/20/15
    130.  
    131.           [1427144400000, [31.48, 31.74, 31.45, 31.47]], //03/23/15
    132.           [1427230800000, [31.38, 31.48, 31.27, 31.28]], //03/24/15
    133.           [1427317200000, [31.23, 31.33, 30.91, 30.91]], //03/25/15
    134.           [1427403600000, [31.80, 31.92, 31.17, 31.30]], //03/26/15
    135.           [1427490000000, [31.34, 31.90, 30.60, 30.64]], //03/27/15
    136.  
    137.           [1427749200000, [30.98, 31.20, 30.97, 31.12]], //03/30/15
    138.           [1427835600000, [31.15, 31.90, 30.81, 31.81]] //03/31/15
    139.         ]
    140.       }]
    141.     },
    142.     {
    143.       "type": "stock",
    144.       "x": "0%",
    145.       "y": "40%",
    146.       "height": "30%",
    147.       "width": "100%",
    148.       "crosshair-x": {
    149.         "plot-label": {
    150.           "text": "Open: $%open<br>High: $%high<br>Low: $%low<br>Close: $%close",
    151.           "border-color": "#6699ff"
    152.         },
    153.         "scale-label": {
    154.           "visible": false
    155.         },
    156.         "shared": true
    157.       },
    158.       "scale-x": {
    159.         "min-value": 1420232400000,
    160.         "step": "day",
    161.         "transform": {
    162.           "type": "date",
    163.           "all": "%m/%d/%y"
    164.         },
    165.         "max-items": 6,
    166.         "item": {
    167.           "font-size": 10
    168.         }
    169.       },
    170.       "scale-y": {
    171.         "values": "30:34:4",
    172.         "format": "$%v",
    173.         "guide": {
    174.           "line-style": "solid"
    175.         },
    176.         "item": {
    177.           "font-size": 10
    178.         }
    179.       },
    180.       "plot": {
    181.         "aspect": "candlestick",
    182.         "tooltip": {
    183.           "visible": false
    184.         },
    185.         "trend-up": {
    186.           "background-color": "#6699ff",
    187.           "line-color": "#6699ff",
    188.           "border-color": "#6699ff"
    189.         },
    190.         "trend-down": {
    191.           "background-color": "none",
    192.           "line-color": "#6699ff",
    193.           "border-color": "#6699ff"
    194.         }
    195.       },
    196.       "plotarea": {
    197.         "margin-bottom": "dynamic",
    198.         "margin-top": "30%"
    199.       },
    200.       "series": [{
    201.         "values": [
    202.           [1420232400000, [33.03, 33.49, 32.85, 33.07]], //01/02/15
    203.  
    204.           [1420491600000, [31.80, 32.45, 31.52, 32.05]], //01/05/15
    205.           [1420578000000, [32.30, 32.57, 31.93, 32.03]], //01/06/15
    206.           [1420664400000, [33.21, 33.39, 32.98, 33.08]], //01/07/15
    207.           [1420750800000, [33.32, 33.38, 33.13, 33.37]], //01/08/15
    208.           [1420837200000, [33.52, 33.53, 32.95, 33.03]], //01/09/15
    209.  
    210.           [1421096400000, [33.07, 33.14, 32.77, 32.98]], //01/12/15
    211.           [1421182800000, [33.26, 33.33, 32.61, 32.86]], //01/13/15
    212.           [1421269200000, [32.65, 32.85, 32.41, 32.78]], //01/14/15
    213.           [1421355600000, [32.86, 32.97, 32.56, 32.58]], //01/15/15
    214.           [1421442000000, [32.51, 32.65, 32.45, 32.59]], //01/16/15
    215.  
    216.           [1421787600000, [32.43, 32.88, 32.29, 32.48]], //01/20/15
    217.           [1421874000000, [32.30, 32.36, 31.96, 32.28]], //01/21/15
    218.           [1421960400000, [31.83, 32.08, 31.71, 32.04]], //01/22/15
    219.           [1422046800000, [31.84, 31.87, 31.55, 31.85]], //01/23/15
    220.  
    221.           [1422306000000, [32.88, 33.11, 32.82, 32.89]], //01/26/15
    222.           [1422392400000, [32.84, 33.20, 32.78, 33.08]], //01/27/15
    223.           [1422478800000, [33.47, 33.49, 32.81, 32.84]], //01/28/15
    224.           [1422565200000, [33.39, 33.46, 33.20, 33.38]], //01/29/15
    225.           [1422651600000, [32.72, 32.74, 32.40, 32.60]], //01/30/15
    226.  
    227.           [1422910800000, [33.00, 33.22, 32.90, 33.21]], //02/02/15
    228.           [1422997200000, [33.29, 33.52, 33.26, 33.47]], //02/03/15
    229.           [1423083600000, [33.41, 33.43, 33.08, 33.16]], //02/04/15
    230.           [1423170000000, [33.25, 33.50, 33.23, 33.50]], //02/05/15
    231.           [1423256400000, [33.54, 33.75, 33.47, 33.52]], //02/06/15
    232.  
    233.           [1423515600000, [33.47, 33.75, 32.50, 32.64]], //02/09/15
    234.           [1423602000000, [32.77, 33.05, 32.55, 32.96]], //02/10/15
    235.           [1423688400000, [32.49, 32.82, 32.35, 32.77]], //02/11/15
    236.           [1423774800000, [32.70, 32.99, 31.71, 31.89]], //02/12/15
    237.           [1423861200000, [31.99, 32.57, 31.50, 32.55]], //02/13/15
    238.  
    239.           [1424206800000, [32.02, 32.30, 31.98, 32.27]], //02/17/15
    240.           [1424293200000, [32.34, 32.90, 32.15, 32.80]], //02/18/15
    241.           [1424379600000, [32.85, 32.91, 32.05, 32.15]], //02/19/15
    242.           [1424466000000, [31.88, 32.21, 31.80, 32.21]], //02/20/15
    243.  
    244.           [1424725200000, [31.25, 32.30, 31.01, 32.17]], //02/23/15
    245.           [1424811600000, [31.15, 32.45, 31.01, 32.39]], //02/24/15
    246.           [1424898000000, [31.45, 32.06, 31.40, 31.91]], //02/25/15
    247.           [1424984400000, [31.94, 32.01, 31.81, 31.89]], //02/26/15
    248.           [1425070800000, [31.83, 32.27, 31.75, 31.99]], //02/27/15
    249.  
    250.           [1425330000000, [32.50, 33.42, 32.35, 33.11]], //03/02/15
    251.           [1425416400000, [32.05, 32.08, 30.56, 30.65]], //03/03/15
    252.           [1425502800000, [31.76, 31.77, 31.47, 31.66]], //03/04/15
    253.           [1425589200000, [31.62, 31.82, 31.57, 31.82]], //03/05/15
    254.           [1425675600000, [31.71, 31.78, 31.33, 31.42]], //03/06/15
    255.  
    256.           [1425934800000, [31.52, 31.70, 31.49, 31.64]], //03/09/15
    257.           [1426021200000, [31.50, 31.64, 31.17, 31.17]], //03/10/15
    258.           [1426107600000, [31.28, 31.49, 31.15, 31.19]], //03/11/15
    259.           [1426194000000, [31.27, 31.41, 31.17, 31.40]], //03/12/15
    260.           [1426280400000, [31.28, 31.36, 30.81, 31.04]], //03/13/15
    261.  
    262.           [1426539600000, [31.06, 31.48, 30.96, 31.45]], //03/16/15
    263.           [1426626000000, [31.30, 31.39, 31.09, 31.31]], //03/17/15
    264.           [1426712400000, [31.18, 31.85, 31.11, 31.64]], //03/18/15
    265.           [1426798800000, [31.44, 31.61, 31.26, 31.33]], //03/19/15
    266.           [1426885200000, [31.34, 31.53, 31.30, 31.40]], //03/20/15
    267.  
    268.           [1427144400000, [31.48, 31.74, 31.45, 31.47]], //03/23/15
    269.           [1427230800000, [31.38, 31.48, 31.27, 31.28]], //03/24/15
    270.           [1427317200000, [31.23, 31.33, 30.91, 30.91]], //03/25/15
    271.           [1427403600000, [31.80, 31.92, 31.17, 31.30]], //03/26/15
    272.           [1427490000000, [31.34, 31.90, 30.60, 30.64]], //03/27/15
    273.  
    274.           [1427749200000, [31.70, 32.20, 31.50, 32.12]], //03/30/15
    275.           [1427835600000, [32.91, 33.60, 31.81, 32.18]] //03/31/15
    276.         ]
    277.       }]
    278.     },
    279.     {
    280.       "type": "stock",
    281.       "x": "0%",
    282.       "y": "70%",
    283.       "height": "30%",
    284.       "width": "100%",
    285.       "crosshair-x": {
    286.         "plot-label": {
    287.           "text": "Open: $%open<br>High: $%high<br>Low: $%low<br>Close: $%close",
    288.           "border-color": "#339966"
    289.         },
    290.         "scale-label": {
    291.  
    292.         },
    293.         "shared": true
    294.       },
    295.       "scale-x": {
    296.         "min-value": 1420232400000,
    297.         "step": "day",
    298.         "transform": {
    299.           "type": "date",
    300.           "all": "%m/%d/%y"
    301.         },
    302.         "max-items": 6,
    303.         "item": {
    304.           "font-size": 10
    305.         }
    306.       },
    307.       "scale-y": {
    308.         "values": "30:34:4",
    309.         "format": "$%v",
    310.         "guide": {
    311.           "line-style": "solid"
    312.         },
    313.         "item": {
    314.           "font-size": 10
    315.         }
    316.       },
    317.       "plot": {
    318.         "aspect": "candlestick",
    319.         "tooltip": {
    320.           "visible": false
    321.         },
    322.         "trend-up": {
    323.           "background-color": "#339966",
    324.           "line-color": "#339966",
    325.           "border-color": "#339966"
    326.         },
    327.         "trend-down": {
    328.           "background-color": "none",
    329.           "line-color": "#339966",
    330.           "border-color": "#339966"
    331.         }
    332.       },
    333.       "plotarea": {
    334.         "margin-bottom": "dynamic",
    335.         "margin-top": "20%"
    336.       },
    337.       "series": [{
    338.         "values": [
    339.           [1420232400000, [32.34, 33.46, 31.00, 32.46]], //01/02/15
    340.  
    341.           [1420491600000, [32.80, 33.25, 32.52, 33.05]], //01/05/15
    342.           [1420578000000, [33.05, 33.57, 32.93, 33.30]], //01/06/15
    343.           [1420664400000, [33.21, 33.39, 32.98, 33.08]], //01/07/15
    344.           [1420750800000, [33.32, 33.38, 33.13, 33.37]], //01/08/15
    345.           [1420837200000, [33.52, 33.53, 32.95, 33.03]], //01/09/15
    346.  
    347.           [1421096400000, [32.07, 32.14, 31.77, 31.98]], //01/12/15
    348.           [1421182800000, [32.26, 32.33, 31.61, 31.86]], //01/13/15
    349.           [1421269200000, [31.65, 31.85, 31.41, 31.78]], //01/14/15
    350.           [1421355600000, [31.86, 31.97, 31.56, 31.58]], //01/15/15
    351.           [1421442000000, [31.51, 32.34, 31.45, 32.30]], //01/16/15
    352.  
    353.           [1421787600000, [32.84, 32.87, 32.55, 32.85]], //01/20/15
    354.           [1421874000000, [32.83, 33.08, 32.71, 33.04]], //01/21/15
    355.           [1421960400000, [33.30, 33.36, 32.96, 33.28]], //01/22/15
    356.           [1422046800000, [33.43, 33.88, 33.29, 33.48]], //01/23/15
    357.  
    358.           [1422306000000, [32.72, 32.74, 32.40, 32.60]], //01/26/15
    359.           [1422392400000, [32.39, 32.46, 32.20, 32.38]], //01/27/15
    360.           [1422478800000, [32.47, 32.49, 31.81, 31.84]], //01/28/15
    361.           [1422565200000, [31.84, 32.20, 31.78, 32.08]], //01/29/15
    362.           [1422651600000, [31.88, 32.11, 31.82, 31.89]], //01/30/15
    363.  
    364.           [1422910800000, [33.00, 33.22, 32.90, 33.21]], //02/02/15
    365.           [1422997200000, [33.29, 33.52, 33.26, 33.47]], //02/03/15
    366.           [1423083600000, [33.41, 33.43, 33.08, 33.16]], //02/04/15
    367.           [1423170000000, [33.25, 33.50, 33.23, 33.50]], //02/05/15
    368.           [1423256400000, [33.54, 33.75, 33.47, 33.52]], //02/06/15
    369.  
    370.           [1423515600000, [33.47, 33.75, 32.50, 32.64]], //02/09/15
    371.           [1423602000000, [32.77, 33.05, 32.55, 32.96]], //02/10/15
    372.           [1423688400000, [32.49, 32.82, 32.35, 32.77]], //02/11/15
    373.           [1423774800000, [32.70, 32.99, 31.71, 31.89]], //02/12/15
    374.           [1423861200000, [31.99, 32.57, 31.50, 32.55]], //02/13/15
    375.  
    376.           [1424206800000, [31.02, 31.30, 30.98, 31.27]], //02/17/15
    377.           [1424293200000, [31.34, 31.90, 31.15, 31.80]], //02/18/15
    378.           [1424379600000, [31.85, 31.91, 31.05, 31.15]], //02/19/15
    379.           [1424466000000, [30.88, 31.21, 30.80, 31.21]], //02/20/15
    380.  
    381.           [1424725200000, [31.22, 31.30, 31.10, 31.17]], //02/23/15
    382.           [1424811600000, [31.15, 31.45, 31.01, 31.39]], //02/24/15
    383.           [1424898000000, [31.45, 32.06, 31.40, 31.91]], //02/25/15
    384.           [1424984400000, [31.94, 32.01, 31.81, 31.89]], //02/26/15
    385.           [1425070800000, [31.83, 32.27, 31.75, 31.99]], //02/27/15
    386.  
    387.           [1425330000000, [31.90, 32.12, 31.85, 32.11]], //03/02/15
    388.           [1425416400000, [32.05, 32.08, 31.78, 31.86]], //03/03/15
    389.           [1425502800000, [31.76, 31.77, 31.47, 31.66]], //03/04/15
    390.           [1425589200000, [31.62, 31.82, 31.57, 31.82]], //03/05/15
    391.           [1425675600000, [31.71, 31.78, 31.33, 31.42]], //03/06/15
    392.  
    393.           [1425934800000, [31.52, 32.71, 31.49, 32.51]], //03/09/15
    394.           [1426021200000, [31.50, 32.34, 31.17, 32.15]], //03/10/15
    395.           [1426107600000, [32.30, 32.49, 31.15, 31.19]], //03/11/15
    396.           [1426194000000, [31.27, 31.41, 31.17, 31.40]], //03/12/15
    397.           [1426280400000, [31.28, 31.36, 30.81, 31.04]], //03/13/15
    398.  
    399.           [1426539600000, [31.06, 31.48, 30.96, 31.45]], //03/16/15
    400.           [1426626000000, [31.30, 31.39, 31.09, 31.31]], //03/17/15
    401.           [1426712400000, [31.18, 31.85, 31.11, 31.64]], //03/18/15
    402.           [1426798800000, [31.44, 31.61, 31.26, 31.33]], //03/19/15
    403.           [1426885200000, [31.34, 31.53, 31.30, 31.40]], //03/20/15
    404.  
    405.           [1427144400000, [31.48, 31.74, 31.45, 31.47]], //03/23/15
    406.           [1427230800000, [31.38, 31.48, 31.27, 31.28]], //03/24/15
    407.           [1427317200000, [32.23, 32.33, 31.91, 31.91]], //03/25/15
    408.           [1427403600000, [32.80, 32.92, 32.17, 32.30]], //03/26/15
    409.           [1427490000000, [32.34, 32.90, 31.60, 31.64]], //03/27/15
    410.  
    411.           [1427749200000, [30.98, 31.20, 30.97, 31.12]], //03/30/15
    412.           [1427835600000, [30.15, 31.90, 30.01, 31.05]] //03/31/15
    413.         ]
    414.       }]
    415.     }
    416.   ]
    417. };
    418.  
    419. zingchart.render({
    420.   id: 'myChart',
    421.   data: myConfig,
    422.   height: 400,
    423.   width: "100%"
    424. });