• 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. plot: {
    19. mode: 'fast',
    20.  
    21. },
    22. noData: {
    23. text: 'Waiting For AJAX request',
    24. fontSize: 22,
    25. backgroundImage: 'https://i.giphy.com/ONk787QkAmAZq.gif'
    26. },
    27. scaleX: {
    28. zooming: true,
    29. transform: {
    30. type: 'date'
    31. }
    32. },
    33. scrollX: {},
    34. crosshairX: {},
    35. series: [{}]
    36. };
    37.  
    38. // event is fired on the first chart load (currently chart is empty so nodata displays)
    39. zingchart.bind('myChart', 'load', function() {
    40. $.get("//demos.zingchart.com/view/RQF1K2RY/seven_years_worth_of_time_series_data.php", function(data) {
    41. setTimeout(function() {
    42. zingchart.exec('myChart', 'setseriesvalues', {
    43. plotindex: 0,
    44. values: data
    45. });
    46. }, 6500); // let the gif play for a while
    47. });
    48. });
    49.  
    50. zingchart.render({
    51. id: 'myChart',
    52. data: myConfig,
    53. height: 400,
    54. width: '100%'
    55. });
    56. </script>
    57. </body>
    58.  
    59. </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. plot: {
    4. mode: 'fast',
    5.  
    6. },
    7. noData: {
    8. text: 'Waiting For AJAX request',
    9. fontSize: 22,
    10. backgroundImage: 'https://i.giphy.com/ONk787QkAmAZq.gif'
    11. },
    12. scaleX: {
    13. zooming: true,
    14. transform: {
    15. type: 'date'
    16. }
    17. },
    18. scrollX: {},
    19. crosshairX: {},
    20. series: [{}]
    21. };
    22.  
    23. // event is fired on the first chart load (currently chart is empty so nodata displays)
    24. zingchart.bind('myChart', 'load', function() {
    25. $.get("//demos.zingchart.com/view/RQF1K2RY/seven_years_worth_of_time_series_data.php", function(data) {
    26. setTimeout(function() {
    27. zingchart.exec('myChart', 'setseriesvalues', {
    28. plotindex: 0,
    29. values: data
    30. });
    31. }, 6500); // let the gif play for a while
    32. });
    33. });
    34.  
    35. zingchart.render({
    36. id: 'myChart',
    37. data: myConfig,
    38. height: 400,
    39. width: '100%'
    40. });