与饼图的Amcharts响应问题

Question

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

Answer 1

你可以做的很少，因为很多这些切片非常小。就像my answer to a previous question with a similar issue一样，您可以尝试调整labelRadius，pullOutRadius和startAngle以查看是否有帮助，但最好将hideLabelsPercent设置为<div id="chartdiv"></div> <div id="legenddiv"></div> 隐藏其他切片并使用图例代替那些较小的切片。由于您有很多切片，因此您需要将图例放在外部div中，这样它就不会使用图例的divId属性占用图表区域：

<强> HTML

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

<强> JS

--table sqoop_HBase

您可以在行动here中找到此示例。

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