radar.html 1.8 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
  2. <html>
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  5. <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
  6. <title>amCharts Responsive Example</title>
  7. <script src="http://www.amcharts.com/lib/3/amcharts.js"></script>
  8. <script src="http://www.amcharts.com/lib/3/radar.js"></script>
  9. <script src="../responsive.min.js"></script>
  10. <style>
  11. body, html {
  12. height: 100%;
  13. padding: 0;
  14. margin: 0;
  15. }
  16. </style>
  17. <script>
  18. var chart = AmCharts.makeChart("chartdiv", {
  19. "type": "radar",
  20. "dataProvider": [{
  21. "country": "Czech Republic",
  22. "litres": 156.9
  23. }, {
  24. "country": "Ireland",
  25. "litres": 131.1
  26. }, {
  27. "country": "Germany",
  28. "litres": 115.8
  29. }, {
  30. "country": "Australia",
  31. "litres": 109.9
  32. }, {
  33. "country": "Austria",
  34. "litres": 108.3
  35. }, {
  36. "country": "UK",
  37. "litres": 99
  38. }],
  39. "categoryField": "country",
  40. "startDuration": 2,
  41. "valueAxes": [{
  42. "axisAlpha": 0.15,
  43. "minimum": 0,
  44. "dashLength": 3,
  45. "axisTitleOffset": 20,
  46. "gridCount": 5
  47. }],
  48. "graphs": [{
  49. "valueField": "litres",
  50. "title": "Litres",
  51. "bullet": "round",
  52. "balloonText": "[[value]] litres of beer per year"
  53. }],
  54. "legend": {},
  55. "responsive": {
  56. "enabled": true
  57. }
  58. });
  59. </script>
  60. </head>
  61. <body>
  62. <div id="chartdiv" style="width: 100%; height: 100%;"></div>
  63. </body>
  64. </html>