amCharts Радар не реагирует

Question

Хотя я включил отзывчивый js & включенное отзывчивое свойство true, радарная диаграмма не реагирует. Даже на своем сайте он не реагирует на мобильный просмотр.

Что мне делать?

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

Это мой сценарий:

<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 диаграмма является поддерживается Отзывчивый плагин. (На amcharts.com реагирующие функции не включены для демонстрации, так что это не очень хороший тест)

Возьмем, например, эту диаграмму:

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

По умолчанию, Отзывчивый плагин удаляет легенду на 550px или меньше:

К ~ 300px он начинает удаление меток на осях:

Вы можете переопределить адаптивные правила по умолчанию или реализовать свой собственный набор, как это described here.

Просто убедитесь, что вы включили responsive.min.js на вашей веб-странице, т.е .:

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