• 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. let chartConfig = {
    17. type: 'radar',
    18. plot: {
    19. aspect: 'area'
    20. },
    21. scaleV: {
    22. values: '0:100:25',
    23. item: {
    24. alpha: 1,
    25. angle: 0,
    26. backgroundColor: '#ffe6e6',
    27. borderColor: 'red',
    28. borderRadius: 3,
    29. borderWidth: 1,
    30. fontColor: 'red',
    31. fontFamily: 'Courier',
    32. fontSize: 12,
    33. fontStyle: 'normal',
    34. fontWeight: 'normal',
    35. padding: 5,
    36. textAlpha: 1,
    37.  
    38. mediaRules: [{
    39. maxWidth: 400,
    40. backgroundColor: 'red',
    41. fontColor: '#ffe6e6',
    42. }]
    43. }
    44. },
    45. scaleK: {
    46. visible: false
    47. },
    48. series: [{
    49. values: [35, 42, 67, 89, 25, 34, 67, 85]
    50. }],
    51. };
    52.  
    53. zingchart.render({
    54. id: 'myChart',
    55. data: chartConfig,
    56. height: 400,
    57. width: '100%'
    58. });
    59. </script>
    60. </body>
    61.  
    62. </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. let chartConfig = {
    2. type: 'radar',
    3. plot: {
    4. aspect: 'area'
    5. },
    6. scaleV: {
    7. values: '0:100:25',
    8. item: {
    9. alpha: 1,
    10. angle: 0,
    11. backgroundColor: '#ffe6e6',
    12. borderColor: 'red',
    13. borderRadius: 3,
    14. borderWidth: 1,
    15. fontColor: 'red',
    16. fontFamily: 'Courier',
    17. fontSize: 12,
    18. fontStyle: 'normal',
    19. fontWeight: 'normal',
    20. padding: 5,
    21. textAlpha: 1,
    22.  
    23. mediaRules: [{
    24. maxWidth: 400,
    25. backgroundColor: 'red',
    26. fontColor: '#ffe6e6',
    27. }]
    28. }
    29. },
    30. scaleK: {
    31. visible: false
    32. },
    33. series: [{
    34. values: [35, 42, 67, 89, 25, 34, 67, 85]
    35. }],
    36. };
    37.  
    38. zingchart.render({
    39. id: 'myChart',
    40. data: chartConfig,
    41. height: 400,
    42. width: '100%'
    43. });