amcharts - 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

Responsive 插件支持雷达图。（在 amcharts.com 上没有为演示启用响应功能，所以这不是一个好的测试）

以这张图表为例：

直播：http ://codepen.io/team/amcharts/pen/64459eb6a0041d071b0db44594b2f95a

默认情况下，响应式插件会删除 550px 或更小的图例：

到 ~300px 时，它开始删除轴上的标签：

您可以覆盖默认的响应规则或实施您自己的设置，如此处所述。

只需确保您包含responsive.min.js在您的网页上，即：

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