如何隐藏Zingchart 180°饼图未使用半区以缩减图表高度？

我在使用ZingChart配置180°半环形图时，发现未使用的下半区仍占用与360°饼图相同的高度，导致图表下方出现不必要的空白区域。

当前配置代码：

type: "pie", 
scaleR: {
   aperture: 180,
},
plot: {
   refAngle: 180,
   slice: "40%"
}

解决方法 #

方法一：调整绘图区域尺寸与位置

通过设置plotarea的高度和垂直位置，让图表仅占用上半部分空间，消除下方空白：

type: "pie",
scaleR: {
  aperture: 180,
},
plot: {
  refAngle: 180,
  slice: "40%"
},
plotarea: {
  height: "50%", // 仅使用一半高度
  y: 0 // 从顶部开始绘制
}

方法二：设置宽高比

半环形图的理想宽高比为2:1，通过配置aspectRatio让图表自动适配尺寸：

type: "pie",
aspectRatio: 2, // 宽度是高度的2倍
scaleR: {
  aperture: 180,
},
plot: {
  refAngle: 180,
  slice: "40%"
}

两种方法都能有效隐藏未使用的半区，让图表仅占用实际需要的空间，避免不必要的高度浪费。

内容的提问来源于stack exchange，提问作者Julio