• 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: "line",
    18. crosshairY: {
    19. lineColor: "#565656",
    20. lineStyle: "dashed",
    21. lineWidth: 2,
    22. alpha: 0.5,
    23. scaleLabel: { //label associated to scaleX index
    24. bold: true,
    25. backgroundColor: "#787878",
    26. borderRadius: 3,
    27. fontColor: "#eaeaea",
    28. fontSize: "12px",
    29. paddingTop: 2,
    30.  
    31. topState: {
    32. backgroundColor: 'red',
    33. offsetX: 10,
    34. offsetY: 10,
    35. },
    36. },
    37. },
    38. plot: {
    39. tooltip: {
    40. visible: false
    41. }
    42. },
    43. series: [{
    44. values: [11, 26, 7, 44, 11]
    45. },
    46. {
    47. values: [42, 13, 21, 15, 33]
    48. },
    49. {
    50. values: [10, 10, 12, 13, 12]
    51. }
    52. ]
    53. };
    54.  
    55. zingchart.render({
    56. id: 'myChart',
    57. data: myConfig,
    58. height: 400,
    59. width: '100%'
    60. });
    61. </script>
    62. </body>
    63.  
    64. </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: "line",
    3. crosshairY: {
    4. lineColor: "#565656",
    5. lineStyle: "dashed",
    6. lineWidth: 2,
    7. alpha: 0.5,
    8. scaleLabel: { //label associated to scaleX index
    9. bold: true,
    10. backgroundColor: "#787878",
    11. borderRadius: 3,
    12. fontColor: "#eaeaea",
    13. fontSize: "12px",
    14. paddingTop: 2,
    15.  
    16. topState: {
    17. backgroundColor: 'red',
    18. offsetX: 10,
    19. offsetY: 10,
    20. },
    21. },
    22. },
    23. plot: {
    24. tooltip: {
    25. visible: false
    26. }
    27. },
    28. series: [{
    29. values: [11, 26, 7, 44, 11]
    30. },
    31. {
    32. values: [42, 13, 21, 15, 33]
    33. },
    34. {
    35. values: [10, 10, 12, 13, 12]
    36. }
    37. ]
    38. };
    39.  
    40. zingchart.render({
    41. id: 'myChart',
    42. data: myConfig,
    43. height: 400,
    44. width: '100%'
    45. });