与饼图相关的Amcharts响应问题

Question

当我们在移动视图中查看图表时，它显示如附图所示。因此，它太小而无法在移动设备上查看。

Answer 1

由于很多切片都非常小，因此您可以做的很少。就像my answer to a previous question with a similar issue一样，您可以尝试调整labelRadius,pullOutRadius和startAngle以查看是否有帮助，但您最好将hideLabelsPercent设置为隐藏其他切片，并改为使用这些较小切片的图例。既然你有很多片，你要放置图例在外部div中，因此不会使用传说中的divId财产占用图表的区域：

HTML

<div id="chartdiv"></div> 
<div id="legenddiv"></div> 

JS

AmCharts.makeChart("chartdiv", { 
    // ... 
    "legend": { 
    "divId": "legenddiv", 
    // ... 
    }, 
    // ... 
}); 

你可以在行动here这样的一个例子。

您还可以尝试包括并启用AmCharts' responsive plugin，它带有一些默认规则，可以在较小的分辨率下动态更改图表设置。您也可以添加自己的规则。