• 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. gui: {
    18. contextMenu: {
    19. separator: {
    20. lineColor: 'red'
    21. },
    22. }
    23. },
    24. graphset: [{
    25. type: "line",
    26. title: {
    27. text: 'Context Menu'
    28. },
    29. subtitle: {
    30. text: "Right-click on the chart to view the context menu.",
    31. fontWeight: 'normal'
    32. },
    33. series: [{
    34. "values": [139, 51.8, 114, 93, 102, 78]
    35. },
    36. {
    37. "values": [157, 126, 83, 152, 150, 194]
    38. },
    39. {
    40. "values": [124, 111, 147, 137, 124, 170]
    41. },
    42. {
    43. "values": [155, 225, 225, 218, 200, 224]
    44. }
    45. ]
    46. }]
    47. };
    48.  
    49. zingchart.render({
    50. id: 'myChart',
    51. data: myConfig,
    52. height: 399,
    53. width: '100%'
    54. });
    55. </script>
    56. </body>
    57.  
    58. </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. gui: {
    3. contextMenu: {
    4. separator: {
    5. lineColor: 'red'
    6. },
    7. }
    8. },
    9. graphset: [{
    10. type: "line",
    11. title: {
    12. text: 'Context Menu'
    13. },
    14. subtitle: {
    15. text: "Right-click on the chart to view the context menu.",
    16. fontWeight: 'normal'
    17. },
    18. series: [{
    19. "values": [139, 51.8, 114, 93, 102, 78]
    20. },
    21. {
    22. "values": [157, 126, 83, 152, 150, 194]
    23. },
    24. {
    25. "values": [124, 111, 147, 137, 124, 170]
    26. },
    27. {
    28. "values": [155, 225, 225, 218, 200, 224]
    29. }
    30. ]
    31. }]
    32. };
    33.  
    34. zingchart.render({
    35. id: 'myChart',
    36. data: myConfig,
    37. height: 399,
    38. width: '100%'
    39. });