• Edit
  • Download
    1. <!DOCTYPE html>
    2. <html>
    3.  
    4. <head>
    5.   <meta charset="utf-8">
    6.   <title>ZingSoft Demo</title>
    7.   <script nonce="undefined" src='http://cdn.zingchart.com/zingchart.min.js'></script>
    8.   <script nonce="undefined">
    9.     zingchart.MODULESDIR = 'http://cdn.zingchart.com/modules/'
    10.   </script>
    11.  
    12.   <script nonce="undefined" src="https://cdn.zingchart.com/zingchart.min.js"></script>
    13.   <style></style>
    14. </head>
    15.  
    16. <body>
    17.   <div id='myChart'></div>
    18.   <script>
    19.     ZC.LICENSE = ["569d52cefae586f634c54f86dc99e6a9", "b55b025e438fa8a98e32482b5f768ff5"];
    20.     var myConfig = {
    21.       "graphset": [{
    22.         type: "pie",
    23.         plot: {
    24.           valueBox: {
    25.             "visible": false
    26.           }
    27.         },
    28.         series: [{
    29.             text: "XxxxXxXxxxxXxxxxxxx",
    30.             values: [5]
    31.           },
    32.           {
    33.             text: "XxxxXxXxxxxXxxxxxxx",
    34.             values: [8]
    35.           },
    36.           {
    37.             text: "XxxxXxXxxxxXxxxxxxx",
    38.             values: [22]
    39.           },
    40.           {
    41.             text: "XxxxXxXxxxxXxxxxxxx",
    42.             values: [16]
    43.           },
    44.           {
    45.             text: "XxxxXxXxxxx\nXxxxxxxx",
    46.             values: [12]
    47.           }
    48.         ]
    49.       }]
    50.     };
    51.  
    52.     zingchart.render({
    53.       id: 'myChart',
    54.       data: myConfig,
    55.       height: 400,
    56.       width: 700
    57.     });
    58.   </script>
    59. </body>
    60.  
    61. </html>
    1. <!DOCTYPE html>
    2. <html>
    3.  
    4. <head>
    5.   <meta charset="utf-8">
    6.   <title>ZingSoft Demo</title>
    7.   <script src='http://cdn.zingchart.com/zingchart.min.js'></script>
    8.   <script>
    9.     zingchart.MODULESDIR = 'http://cdn.zingchart.com/modules/'
    10.   </script>
    11.  
    12.   <script src="https://cdn.zingchart.com/zingchart.min.js"></script>
    13. </head>
    14.  
    15. <body>
    16.   <div id='myChart'></div>
    17. </body>
    18.  
    19. </html>
    1.  
    1. var myConfig = {
    2.   "graphset": [{
    3.     type: "pie",
    4.     plot: {
    5.       valueBox: {
    6.         "visible": false
    7.       }
    8.     },
    9.     series: [{
    10.         text: "XxxxXxXxxxxXxxxxxxx",
    11.         values: [5]
    12.       },
    13.       {
    14.         text: "XxxxXxXxxxxXxxxxxxx",
    15.         values: [8]
    16.       },
    17.       {
    18.         text: "XxxxXxXxxxxXxxxxxxx",
    19.         values: [22]
    20.       },
    21.       {
    22.         text: "XxxxXxXxxxxXxxxxxxx",
    23.         values: [16]
    24.       },
    25.       {
    26.         text: "XxxxXxXxxxx\nXxxxxxxx",
    27.         values: [12]
    28.       }
    29.     ]
    30.   }]
    31. };
    32.  
    33. zingchart.render({
    34.   id: 'myChart',
    35.   data: myConfig,
    36.   height: 400,
    37.   width: 700
    38. });