• 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: 'bar',
    18. stacked: true,
    19. plot: {
    20. valueBox: {
    21. text: "%total",
    22. rules: [{
    23. rule: '%stack-top == 0',
    24. visible: 0
    25. }]
    26. }
    27. },
    28. series: [{
    29. values: [35, 42, 67, 89, 25, 34, 67, 85]
    30. },
    31. {
    32. values: [35, 42, 67, 89, 25, 34, 67, 85]
    33. },
    34. {
    35. values: [35, 42, 67, 89, 25, 34, 67, 85]
    36. }
    37. ]
    38. };
    39.  
    40. zingchart.render({
    41. id: 'myChart',
    42. data: myConfig,
    43. height: 400,
    44. width: '100%'
    45. });
    46. </script>
    47. </body>
    48.  
    49. </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: 'bar',
    3. stacked: true,
    4. plot: {
    5. valueBox: {
    6. text: "%total",
    7. rules: [{
    8. rule: '%stack-top == 0',
    9. visible: 0
    10. }]
    11. }
    12. },
    13. series: [{
    14. values: [35, 42, 67, 89, 25, 34, 67, 85]
    15. },
    16. {
    17. values: [35, 42, 67, 89, 25, 34, 67, 85]
    18. },
    19. {
    20. values: [35, 42, 67, 89, 25, 34, 67, 85]
    21. }
    22. ]
    23. };
    24.  
    25. zingchart.render({
    26. id: 'myChart',
    27. data: myConfig,
    28. height: 400,
    29. width: '100%'
    30. });