• 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.       type: 'calendar',
    18.       options: {
    19.         month: { // Configure the month labels and styling by month.
    20.           values: ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'], // Set the month labels.
    21.           item: { // Use this object to style the month labels.
    22.             backgroundColor: '#ffe6e6',
    23.             fontColor: 'red',
    24.             fontFamily: 'Georgia',
    25.             fontSize: 12,
    26.             maxChars: 3
    27.           },
    28.           items: { // Use this object to style the cells by specified  month (1-12).
    29.             'm-6': {
    30.               backgroundColor: '#ffe6ff',
    31.               outline: {
    32.                 borderColor: 'purple',
    33.                 borderWidth: 2
    34.               }
    35.             },
    36.             'm-7': {
    37.               backgroundColor: '#ffe6ff',
    38.               outline: {
    39.                 borderColor: 'purple',
    40.                 borderWidth: 2
    41.               }
    42.             },
    43.             'm-8': {
    44.               backgroundColor: '#ffe6ff',
    45.               outline: {
    46.                 borderColor: 'purple',
    47.                 borderWidth: 2
    48.               }
    49.             }
    50.           },
    51.           // outline: { // Use this object to style the borders of active and inactive months.
    52.           //   borderColor: 'white',
    53.           //   borderWidth: 2,
    54.           //   active: { // Use this object to style the borders of active months.
    55.           //     borderColor: 'red',
    56.           //     borderWidth: 2
    57.           //   }
    58.           // }
    59.         },
    60.  
    61.         year: {
    62.           text: '2016',
    63.         },
    64.         values: [
    65.           ['2016-01-01', 3],
    66.           ['2016-01-04', 12],
    67.           ['2016-01-05', 3],
    68.           ['2016-01-06', 4],
    69.           ['2016-01-07', 9],
    70.           ['2016-01-08', 11],
    71.           ['2016-01-11', 5],
    72.           ['2016-01-12', 5],
    73.           ['2016-01-13', 9],
    74.           ['2016-01-14', 9],
    75.           ['2016-01-15', 9],
    76.           ['2016-01-18', 4],
    77.           ['2016-01-19', 6],
    78.           ['2016-01-20', 5],
    79.           ['2016-01-21', 6],
    80.           ['2016-01-22', 2],
    81.           ['2016-01-25', 5],
    82.           ['2016-01-26', 9],
    83.           ['2016-01-27', 6],
    84.           ['2016-01-28', 6],
    85.           ['2016-01-29', 7],
    86.           ['2016-02-01', 7],
    87.           ['2016-02-02', 12],
    88.           ['2016-02-03', 3],
    89.           ['2016-02-04', 3],
    90.           ['2016-02-05', 9],
    91.           ['2016-02-08', 9],
    92.           ['2016-02-09', 9],
    93.           ['2016-02-10', 4],
    94.           ['2016-02-11', 5],
    95.           ['2016-02-12', 8],
    96.           ['2016-02-15', 8],
    97.           ['2016-02-16', 3],
    98.           ['2016-02-17', 7],
    99.           ['2016-02-18', 5],
    100.           ['2016-02-19', 9],
    101.           ['2016-02-22', 6],
    102.           ['2016-02-23', 5],
    103.           ['2016-02-24', 8],
    104.           ['2016-02-25', 10],
    105.           ['2016-02-26', 4],
    106.           ['2016-02-29', 5],
    107.           ['2016-03-01', 9],
    108.           ['2016-03-02', 9],
    109.           ['2016-03-03', 3],
    110.           ['2016-03-04', 3],
    111.           ['2016-03-07', 4],
    112.           ['2016-03-08', 2],
    113.           ['2016-03-09', 10],
    114.           ['2016-03-10', 9],
    115.           ['2016-03-11', 7],
    116.           ['2016-03-14', 8],
    117.           ['2016-03-15', 7],
    118.           ['2016-03-16', 8],
    119.           ['2016-03-17', 8],
    120.           ['2016-03-18', 2],
    121.           ['2016-03-21', 3],
    122.           ['2016-03-22', 4],
    123.           ['2016-03-23', 5],
    124.           ['2016-03-24', 6],
    125.           ['2016-03-25', 7],
    126.           ['2016-03-28', 8],
    127.           ['2016-03-29', 8],
    128.           ['2016-03-30', 9],
    129.           ['2016-03-31', 7],
    130.           ['2016-04-01', 9],
    131.           ['2016-04-04', 7],
    132.           ['2016-04-05', 5],
    133.           ['2016-04-06', 6],
    134.           ['2016-04-07', 9],
    135.           ['2016-04-08', 4],
    136.           ['2016-04-11', 8],
    137.           ['2016-04-12', 9],
    138.           ['2016-04-13', 3],
    139.           ['2016-04-14', 5],
    140.           ['2016-04-15', 5],
    141.           ['2016-04-18', 8],
    142.           ['2016-04-19', 8],
    143.           ['2016-04-20', 9],
    144.           ['2016-04-21', 3],
    145.           ['2016-04-22', 6],
    146.           ['2016-04-25', 12],
    147.           ['2016-04-26', 6],
    148.           ['2016-04-27', 5],
    149.           ['2016-04-28', 5],
    150.           ['2016-04-29', 11],
    151.           ['2016-05-02', 9],
    152.           ['2016-05-03', 3],
    153.           ['2016-05-04', 5],
    154.           ['2016-05-05', 4],
    155.           ['2016-05-06', 9],
    156.           ['2016-05-09', 5],
    157.           ['2016-05-10', 5],
    158.           ['2016-05-11', 7],
    159.           ['2016-05-12', 7],
    160.           ['2016-05-13', 5],
    161.           ['2016-05-16', 3],
    162.           ['2016-05-17', 2],
    163.           ['2016-05-18', 7],
    164.           ['2016-05-19', 5],
    165.           ['2016-05-20', 3],
    166.           ['2016-05-23', 9],
    167.           ['2016-05-24', 11],
    168.           ['2016-05-25', 5],
    169.           ['2016-05-26', 9],
    170.           ['2016-05-27', 4],
    171.           ['2016-05-30', 5],
    172.           ['2016-05-31', 7],
    173.           ['2016-06-01', 9],
    174.           ['2016-06-02', 5],
    175.           ['2016-06-03', 5],
    176.           ['2016-06-06', 6],
    177.           ['2016-06-07', 7],
    178.           ['2016-06-08', 8],
    179.           ['2016-06-09', 5],
    180.           ['2016-06-10', 8],
    181.           ['2016-06-13', 6],
    182.           ['2016-06-14', 6],
    183.           ['2016-06-15', 2],
    184.           ['2016-06-16', 7],
    185.           ['2016-06-17', 5],
    186.           ['2016-06-20', 5],
    187.           ['2016-06-21', 8],
    188.           ['2016-06-22', 8],
    189.           ['2016-06-23', 8],
    190.           ['2016-06-24', 10],
    191.           ['2016-06-27', 7],
    192.           ['2016-06-28', 12],
    193.           ['2016-06-29', 7],
    194.           ['2016-06-30', 6],
    195.           ['2016-07-01', 12],
    196.           ['2016-07-04', 3],
    197.           ['2016-07-05', 4],
    198.           ['2016-07-06', 9],
    199.           ['2016-07-07', 11],
    200.           ['2016-07-08', 5],
    201.           ['2016-07-11', 5],
    202.           ['2016-07-12', 9],
    203.           ['2016-07-13', 9],
    204.           ['2016-07-14', 9],
    205.           ['2016-07-15', 4],
    206.           ['2016-07-18', 6],
    207.           ['2016-07-19', 5],
    208.           ['2016-07-20', 6],
    209.           ['2016-07-21', 2],
    210.           ['2016-07-22', 5],
    211.           ['2016-07-25', 9],
    212.           ['2016-07-26', 6],
    213.           ['2016-07-27', 6],
    214.           ['2016-07-28', 7],
    215.           ['2016-07-29', 7],
    216.           ['2016-08-01', 12],
    217.           ['2016-08-02', 3],
    218.           ['2016-08-03', 3],
    219.           ['2016-08-04', 9],
    220.           ['2016-08-05', 9],
    221.           ['2016-08-08', 9],
    222.           ['2016-08-09', 4],
    223.           ['2016-08-10', 5],
    224.           ['2016-08-11', 8],
    225.           ['2016-08-12', 8],
    226.           ['2016-08-15', 3],
    227.           ['2016-08-16', 7],
    228.           ['2016-08-17', 5],
    229.           ['2016-08-18', 9],
    230.           ['2016-08-19', 6],
    231.           ['2016-08-22', 5],
    232.           ['2016-08-23', 8],
    233.           ['2016-08-24', 10],
    234.           ['2016-08-25', 4],
    235.           ['2016-08-26', 5],
    236.           ['2016-08-29', 9],
    237.           ['2016-08-30', 9],
    238.           ['2016-08-31', 3],
    239.           ['2016-09-01', 3],
    240.           ['2016-09-02', 4],
    241.           ['2016-09-05', 2],
    242.           ['2016-09-06', 10],
    243.           ['2016-09-07', 9],
    244.           ['2016-09-08', 7],
    245.           ['2016-09-09', 8],
    246.           ['2016-09-12', 7],
    247.           ['2016-09-13', 8],
    248.           ['2016-09-14', 8],
    249.           ['2016-09-15', 2],
    250.           ['2016-09-16', 3],
    251.           ['2016-09-19', 4],
    252.           ['2016-09-20', 5],
    253.           ['2016-09-21', 6],
    254.           ['2016-09-22', 7],
    255.           ['2016-09-23', 8],
    256.           ['2016-09-26', 8],
    257.           ['2016-09-27', 9],
    258.           ['2016-09-28', 7],
    259.           ['2016-09-29', 9],
    260.           ['2016-09-30', 7],
    261.           ['2016-10-03', 5],
    262.           ['2016-10-04', 6],
    263.           ['2016-10-05', 9],
    264.           ['2016-10-06', 4],
    265.           ['2016-10-07', 8],
    266.           ['2016-10-10', 9],
    267.           ['2016-10-11', 3],
    268.           ['2016-10-12', 5],
    269.           ['2016-10-13', 5],
    270.           ['2016-10-14', 8],
    271.           ['2016-10-17', 8],
    272.           ['2016-10-18', 9],
    273.           ['2016-10-19', 3],
    274.           ['2016-10-20', 6],
    275.           ['2016-10-21', 12],
    276.           ['2016-10-24', 6],
    277.           ['2016-10-25', 5],
    278.           ['2016-10-26', 5],
    279.           ['2016-10-27', 11],
    280.           ['2016-10-28', 9],
    281.           ['2016-10-31', 3],
    282.           ['2016-11-01', 5],
    283.           ['2016-11-02', 4],
    284.           ['2016-11-03', 9],
    285.           ['2016-11-04', 5],
    286.           ['2016-11-07', 5],
    287.           ['2016-11-08', 7],
    288.           ['2016-11-09', 7],
    289.           ['2016-11-10', 5],
    290.           ['2016-11-11', 3],
    291.           ['2016-11-14', 2],
    292.           ['2016-11-15', 7],
    293.           ['2016-11-16', 5],
    294.           ['2016-11-17', 3],
    295.           ['2016-11-18', 9],
    296.           ['2016-11-21', 11],
    297.           ['2016-11-22', 5],
    298.           ['2016-11-23', 9],
    299.           ['2016-11-24', 4],
    300.           ['2016-11-25', 5],
    301.           ['2016-11-28', 7],
    302.           ['2016-11-29', 9],
    303.           ['2016-11-30', 5],
    304.           ['2016-12-01', 5],
    305.           ['2016-12-02', 6],
    306.           ['2016-12-05', 7],
    307.           ['2016-12-06', 8],
    308.           ['2016-12-07', 5],
    309.           ['2016-12-08', 8],
    310.           ['2016-12-09', 6],
    311.           ['2016-12-12', 6],
    312.           ['2016-12-13', 2],
    313.           ['2016-12-14', 7],
    314.           ['2016-12-15', 5],
    315.           ['2016-12-16', 5],
    316.           ['2016-12-19', 8],
    317.           ['2016-12-20', 8],
    318.           ['2016-12-21', 8],
    319.           ['2016-12-22', 10],
    320.           ['2016-12-23', 7],
    321.           ['2016-12-26', 12],
    322.           ['2016-12-27', 7],
    323.           ['2016-12-28', 6],
    324.           ['2016-12-29', 5],
    325.           ['2016-12-30', 11]
    326.         ]
    327.       },
    328.       plotarea: {
    329.         marginTop: '35%',
    330.         marginBottom: '45%'
    331.       }
    332.     };
    333.  
    334.     zingchart.loadModules('calendar', function() {
    335.       zingchart.render({
    336.         id: 'myChart',
    337.         data: myConfig,
    338.         height: 400,
    339.         width: '100%'
    340.       });
    341.     });
    342.   </script>
    343. </body>
    344.  
    345. </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.   type: 'calendar',
    3.   options: {
    4.     month: { // Configure the month labels and styling by month.
    5.       values: ['January', 'February', 'March', 'April', 'May', 'June', 'July', 'August', 'September', 'October', 'November', 'December'], // Set the month labels.
    6.       item: { // Use this object to style the month labels.
    7.         backgroundColor: '#ffe6e6',
    8.         fontColor: 'red',
    9.         fontFamily: 'Georgia',
    10.         fontSize: 12,
    11.         maxChars: 3
    12.       },
    13.       items: { // Use this object to style the cells by specified  month (1-12).
    14.         'm-6': {
    15.           backgroundColor: '#ffe6ff',
    16.           outline: {
    17.             borderColor: 'purple',
    18.             borderWidth: 2
    19.           }
    20.         },
    21.         'm-7': {
    22.           backgroundColor: '#ffe6ff',
    23.           outline: {
    24.             borderColor: 'purple',
    25.             borderWidth: 2
    26.           }
    27.         },
    28.         'm-8': {
    29.           backgroundColor: '#ffe6ff',
    30.           outline: {
    31.             borderColor: 'purple',
    32.             borderWidth: 2
    33.           }
    34.         }
    35.       },
    36.       // outline: { // Use this object to style the borders of active and inactive months.
    37.       //   borderColor: 'white',
    38.       //   borderWidth: 2,
    39.       //   active: { // Use this object to style the borders of active months.
    40.       //     borderColor: 'red',
    41.       //     borderWidth: 2
    42.       //   }
    43.       // }
    44.     },
    45.  
    46.     year: {
    47.       text: '2016',
    48.     },
    49.     values: [
    50.       ['2016-01-01', 3],
    51.       ['2016-01-04', 12],
    52.       ['2016-01-05', 3],
    53.       ['2016-01-06', 4],
    54.       ['2016-01-07', 9],
    55.       ['2016-01-08', 11],
    56.       ['2016-01-11', 5],
    57.       ['2016-01-12', 5],
    58.       ['2016-01-13', 9],
    59.       ['2016-01-14', 9],
    60.       ['2016-01-15', 9],
    61.       ['2016-01-18', 4],
    62.       ['2016-01-19', 6],
    63.       ['2016-01-20', 5],
    64.       ['2016-01-21', 6],
    65.       ['2016-01-22', 2],
    66.       ['2016-01-25', 5],
    67.       ['2016-01-26', 9],
    68.       ['2016-01-27', 6],
    69.       ['2016-01-28', 6],
    70.       ['2016-01-29', 7],
    71.       ['2016-02-01', 7],
    72.       ['2016-02-02', 12],
    73.       ['2016-02-03', 3],
    74.       ['2016-02-04', 3],
    75.       ['2016-02-05', 9],
    76.       ['2016-02-08', 9],
    77.       ['2016-02-09', 9],
    78.       ['2016-02-10', 4],
    79.       ['2016-02-11', 5],
    80.       ['2016-02-12', 8],
    81.       ['2016-02-15', 8],
    82.       ['2016-02-16', 3],
    83.       ['2016-02-17', 7],
    84.       ['2016-02-18', 5],
    85.       ['2016-02-19', 9],
    86.       ['2016-02-22', 6],
    87.       ['2016-02-23', 5],
    88.       ['2016-02-24', 8],
    89.       ['2016-02-25', 10],
    90.       ['2016-02-26', 4],
    91.       ['2016-02-29', 5],
    92.       ['2016-03-01', 9],
    93.       ['2016-03-02', 9],
    94.       ['2016-03-03', 3],
    95.       ['2016-03-04', 3],
    96.       ['2016-03-07', 4],
    97.       ['2016-03-08', 2],
    98.       ['2016-03-09', 10],
    99.       ['2016-03-10', 9],
    100.       ['2016-03-11', 7],
    101.       ['2016-03-14', 8],
    102.       ['2016-03-15', 7],
    103.       ['2016-03-16', 8],
    104.       ['2016-03-17', 8],
    105.       ['2016-03-18', 2],
    106.       ['2016-03-21', 3],
    107.       ['2016-03-22', 4],
    108.       ['2016-03-23', 5],
    109.       ['2016-03-24', 6],
    110.       ['2016-03-25', 7],
    111.       ['2016-03-28', 8],
    112.       ['2016-03-29', 8],
    113.       ['2016-03-30', 9],
    114.       ['2016-03-31', 7],
    115.       ['2016-04-01', 9],
    116.       ['2016-04-04', 7],
    117.       ['2016-04-05', 5],
    118.       ['2016-04-06', 6],
    119.       ['2016-04-07', 9],
    120.       ['2016-04-08', 4],
    121.       ['2016-04-11', 8],
    122.       ['2016-04-12', 9],
    123.       ['2016-04-13', 3],
    124.       ['2016-04-14', 5],
    125.       ['2016-04-15', 5],
    126.       ['2016-04-18', 8],
    127.       ['2016-04-19', 8],
    128.       ['2016-04-20', 9],
    129.       ['2016-04-21', 3],
    130.       ['2016-04-22', 6],
    131.       ['2016-04-25', 12],
    132.       ['2016-04-26', 6],
    133.       ['2016-04-27', 5],
    134.       ['2016-04-28', 5],
    135.       ['2016-04-29', 11],
    136.       ['2016-05-02', 9],
    137.       ['2016-05-03', 3],
    138.       ['2016-05-04', 5],
    139.       ['2016-05-05', 4],
    140.       ['2016-05-06', 9],
    141.       ['2016-05-09', 5],
    142.       ['2016-05-10', 5],
    143.       ['2016-05-11', 7],
    144.       ['2016-05-12', 7],
    145.       ['2016-05-13', 5],
    146.       ['2016-05-16', 3],
    147.       ['2016-05-17', 2],
    148.       ['2016-05-18', 7],
    149.       ['2016-05-19', 5],
    150.       ['2016-05-20', 3],
    151.       ['2016-05-23', 9],
    152.       ['2016-05-24', 11],
    153.       ['2016-05-25', 5],
    154.       ['2016-05-26', 9],
    155.       ['2016-05-27', 4],
    156.       ['2016-05-30', 5],
    157.       ['2016-05-31', 7],
    158.       ['2016-06-01', 9],
    159.       ['2016-06-02', 5],
    160.       ['2016-06-03', 5],
    161.       ['2016-06-06', 6],
    162.       ['2016-06-07', 7],
    163.       ['2016-06-08', 8],
    164.       ['2016-06-09', 5],
    165.       ['2016-06-10', 8],
    166.       ['2016-06-13', 6],
    167.       ['2016-06-14', 6],
    168.       ['2016-06-15', 2],
    169.       ['2016-06-16', 7],
    170.       ['2016-06-17', 5],
    171.       ['2016-06-20', 5],
    172.       ['2016-06-21', 8],
    173.       ['2016-06-22', 8],
    174.       ['2016-06-23', 8],
    175.       ['2016-06-24', 10],
    176.       ['2016-06-27', 7],
    177.       ['2016-06-28', 12],
    178.       ['2016-06-29', 7],
    179.       ['2016-06-30', 6],
    180.       ['2016-07-01', 12],
    181.       ['2016-07-04', 3],
    182.       ['2016-07-05', 4],
    183.       ['2016-07-06', 9],
    184.       ['2016-07-07', 11],
    185.       ['2016-07-08', 5],
    186.       ['2016-07-11', 5],
    187.       ['2016-07-12', 9],
    188.       ['2016-07-13', 9],
    189.       ['2016-07-14', 9],
    190.       ['2016-07-15', 4],
    191.       ['2016-07-18', 6],
    192.       ['2016-07-19', 5],
    193.       ['2016-07-20', 6],
    194.       ['2016-07-21', 2],
    195.       ['2016-07-22', 5],
    196.       ['2016-07-25', 9],
    197.       ['2016-07-26', 6],
    198.       ['2016-07-27', 6],
    199.       ['2016-07-28', 7],
    200.       ['2016-07-29', 7],
    201.       ['2016-08-01', 12],
    202.       ['2016-08-02', 3],
    203.       ['2016-08-03', 3],
    204.       ['2016-08-04', 9],
    205.       ['2016-08-05', 9],
    206.       ['2016-08-08', 9],
    207.       ['2016-08-09', 4],
    208.       ['2016-08-10', 5],
    209.       ['2016-08-11', 8],
    210.       ['2016-08-12', 8],
    211.       ['2016-08-15', 3],
    212.       ['2016-08-16', 7],
    213.       ['2016-08-17', 5],
    214.       ['2016-08-18', 9],
    215.       ['2016-08-19', 6],
    216.       ['2016-08-22', 5],
    217.       ['2016-08-23', 8],
    218.       ['2016-08-24', 10],
    219.       ['2016-08-25', 4],
    220.       ['2016-08-26', 5],
    221.       ['2016-08-29', 9],
    222.       ['2016-08-30', 9],
    223.       ['2016-08-31', 3],
    224.       ['2016-09-01', 3],
    225.       ['2016-09-02', 4],
    226.       ['2016-09-05', 2],
    227.       ['2016-09-06', 10],
    228.       ['2016-09-07', 9],
    229.       ['2016-09-08', 7],
    230.       ['2016-09-09', 8],
    231.       ['2016-09-12', 7],
    232.       ['2016-09-13', 8],
    233.       ['2016-09-14', 8],
    234.       ['2016-09-15', 2],
    235.       ['2016-09-16', 3],
    236.       ['2016-09-19', 4],
    237.       ['2016-09-20', 5],
    238.       ['2016-09-21', 6],
    239.       ['2016-09-22', 7],
    240.       ['2016-09-23', 8],
    241.       ['2016-09-26', 8],
    242.       ['2016-09-27', 9],
    243.       ['2016-09-28', 7],
    244.       ['2016-09-29', 9],
    245.       ['2016-09-30', 7],
    246.       ['2016-10-03', 5],
    247.       ['2016-10-04', 6],
    248.       ['2016-10-05', 9],
    249.       ['2016-10-06', 4],
    250.       ['2016-10-07', 8],
    251.       ['2016-10-10', 9],
    252.       ['2016-10-11', 3],
    253.       ['2016-10-12', 5],
    254.       ['2016-10-13', 5],
    255.       ['2016-10-14', 8],
    256.       ['2016-10-17', 8],
    257.       ['2016-10-18', 9],
    258.       ['2016-10-19', 3],
    259.       ['2016-10-20', 6],
    260.       ['2016-10-21', 12],
    261.       ['2016-10-24', 6],
    262.       ['2016-10-25', 5],
    263.       ['2016-10-26', 5],
    264.       ['2016-10-27', 11],
    265.       ['2016-10-28', 9],
    266.       ['2016-10-31', 3],
    267.       ['2016-11-01', 5],
    268.       ['2016-11-02', 4],
    269.       ['2016-11-03', 9],
    270.       ['2016-11-04', 5],
    271.       ['2016-11-07', 5],
    272.       ['2016-11-08', 7],
    273.       ['2016-11-09', 7],
    274.       ['2016-11-10', 5],
    275.       ['2016-11-11', 3],
    276.       ['2016-11-14', 2],
    277.       ['2016-11-15', 7],
    278.       ['2016-11-16', 5],
    279.       ['2016-11-17', 3],
    280.       ['2016-11-18', 9],
    281.       ['2016-11-21', 11],
    282.       ['2016-11-22', 5],
    283.       ['2016-11-23', 9],
    284.       ['2016-11-24', 4],
    285.       ['2016-11-25', 5],
    286.       ['2016-11-28', 7],
    287.       ['2016-11-29', 9],
    288.       ['2016-11-30', 5],
    289.       ['2016-12-01', 5],
    290.       ['2016-12-02', 6],
    291.       ['2016-12-05', 7],
    292.       ['2016-12-06', 8],
    293.       ['2016-12-07', 5],
    294.       ['2016-12-08', 8],
    295.       ['2016-12-09', 6],
    296.       ['2016-12-12', 6],
    297.       ['2016-12-13', 2],
    298.       ['2016-12-14', 7],
    299.       ['2016-12-15', 5],
    300.       ['2016-12-16', 5],
    301.       ['2016-12-19', 8],
    302.       ['2016-12-20', 8],
    303.       ['2016-12-21', 8],
    304.       ['2016-12-22', 10],
    305.       ['2016-12-23', 7],
    306.       ['2016-12-26', 12],
    307.       ['2016-12-27', 7],
    308.       ['2016-12-28', 6],
    309.       ['2016-12-29', 5],
    310.       ['2016-12-30', 11]
    311.     ]
    312.   },
    313.   plotarea: {
    314.     marginTop: '35%',
    315.     marginBottom: '45%'
    316.   }
    317. };
    318.  
    319. zingchart.loadModules('calendar', function() {
    320.   zingchart.render({
    321.     id: 'myChart',
    322.     data: myConfig,
    323.     height: 400,
    324.     width: '100%'
    325.   });
    326. });