radar.html 2.0 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192
  1. <html>
  2. <head>
  3. <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  4. <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
  5. <meta http-equiv="X-UA-Compatible" content="IE=edge" />
  6. <!-- AmCharts includes -->
  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. <!-- Export plugin includes and styles -->
  10. <script src="../export.js"></script>
  11. <link type="text/css" href="../export.css" rel="stylesheet">
  12. <style>
  13. body, html {
  14. height: 100%;
  15. padding: 0;
  16. margin: 0;
  17. overflow: hidden;
  18. font-size: 11px;
  19. font-family: Verdana;
  20. }
  21. #chartdiv {
  22. width: 100%;
  23. height: 100%;
  24. }
  25. </style>
  26. <script type="text/javascript">
  27. var chart = AmCharts.makeChart( "chartdiv", {
  28. "type": "radar",
  29. "dataProvider": [ {
  30. "country": "Czech Republic",
  31. "litres": 156.9,
  32. "litres2": 182.1
  33. }, {
  34. "country": "Ireland",
  35. "litres": 131.1,
  36. "litres2": 129.2
  37. }, {
  38. "country": "Germany",
  39. "litres": 115.8,
  40. "litres2": 170.9
  41. }, {
  42. "country": "Australia",
  43. "litres": 109.9,
  44. "litres2": 120.1
  45. }, {
  46. "country": "Austria",
  47. "litres": 108.3,
  48. "litres2": 93.8
  49. }, {
  50. "country": "UK",
  51. "litres": 99,
  52. "litres2": 102
  53. } ],
  54. "categoryField": "country",
  55. "startDuration": 2,
  56. "valueAxes": [ {
  57. "axisAlpha": 0.15,
  58. "minimum": 0,
  59. "dashLength": 3,
  60. "axisTitleOffset": 20,
  61. "gridCount": 5
  62. } ],
  63. "graphs": [ {
  64. "valueField": "litres",
  65. "title": "Litres (20114)",
  66. "bullet": "round",
  67. "lineThickness": 2,
  68. "balloonText": "[[value]] litres of beer per year"
  69. }, {
  70. "valueField": "litres2",
  71. "title": "Litres (2015)",
  72. "bullet": "round",
  73. "lineThickness": 2,
  74. "balloonText": "[[value]] litres of beer per year"
  75. } ],
  76. "legend": {
  77. "align": "center"
  78. },
  79. "export": {
  80. "enabled": true
  81. }
  82. } );
  83. </script>
  84. </head>
  85. <body>
  86. <div id="chartdiv"></div>
  87. </body>
  88. </html>