amCharts Radar nicht reagiert

Question

Obwohl ich als Reaktion js aufgenommen haben & ansprechende Eigenschaft auf true aktiviert ist, ist Radar-Chart nicht ansprechbar. Selbst auf ihrer Website reagiert sie nicht auf die mobile Ansicht.

Was soll ich tun?

<div id="chartdiv" style="width: 100%; height: 100%;"></div> 

Das ist mein Skript:

<script> 
    var chart = AmCharts.makeChart("chartdiv1", { 
     "type": "radar", 
     "dataProvider": [{ 
     "country": "Czech Republic", 
     "litres": 156.9 
     }, { 
     "country": "Ireland", 
     "litres": 131.1 
     }], 
     "categoryField": "country", 
     "startDuration": 2, 
     "valueAxes": [{ 
     "axisAlpha": 0.15, 
     "minimum": 0, 
     "dashLength": 3, 
     "axisTitleOffset": 20, 
     "gridCount": 5 
     }], 
     "graphs": [{ 
     "valueField": "litres", 
     "title": "Litres", 
     "bullet": "round", 
     "balloonText": "[[value]] litres of beer per year" 
     }], 
     "legend": {}, 
     "responsive": { 
     "enabled": true 
     } 
    }); 
</script> 

Answer 1

Radar-Chart von Responsive-Plugin unterstützt wird. (Auf amcharts.com ansprechende Funktionen sind nicht für Demos aktiviert ist, so ist es nicht ein guter Test)

Nehmen wir zum Beispiel dieses Diagramm:

Live-: http://codepen.io/team/amcharts/pen/64459eb6a0041d071b0db44594b2f95a

standardmäßig Responsive Plugin entfernt Legende 550px oder weniger:

Von ~ 300px es beginnt Etiketten auf Achsen zu entfernen:

Sie Standard ansprechbar Regeln außer Kraft setzen können oder Ihre eigenen implementieren, wie es described here ist.

einfach sicher, dass Sie responsive.min.js auf Ihrer Webseite enthalten, d.h .:

<script src="//www.amcharts.com/lib/3/plugins/responsive/responsive.min.js" type="text/javascript"></script>