是否可以隐藏弹性图表的轴并使其不占用任何空间？

Question

是否可以告诉flex显示没有可见轴的图表？我希望图表的内容占用所有可用空间。我可以将AxisRenderer的可见性设置为false，这将隐藏轴，但会留下轴通常所在的空白区域。如何删除这个空白区域？

   <mx:horizontalAxis>
      <mx:DateTimeAxis id="xAxis" dataUnits="hours" />
   </mx:horizontalAxis>
   <mx:horizontalAxisRenderers>
      <mx:AxisRenderer axis="{xAxis}" visible="false" height="0" />
   </mx:horizontalAxisRenderers>

我已尝试在渲染器上设置高度，但这没有效果，并且轴本身没有高度样式。

Answer 1

您需要将AxisRenderer中每个元素的大小设置为0。 请参阅文档：Setting padding properties

   <mx:horizontalAxisRenderers>
      <mx:AxisRenderer axis="{xAxis}" 
                       minorTickPlacement="none" 
                       tickPlacement="none" 
                       labelGap="0" 
                       showLabels="false" 
                       showLine="false" />
   </mx:horizontalAxisRenderers>

边框上还有一个像素，但你可以将填充设置为-1作为技巧，目前我找不到更好的东西。

<mx:BarChart dataProvider="{data}"
             paddingBottom="-1" 
             paddingLeft="-1"
             paddingRight="-1"
             paddingTop="-1">

Answer 2

这适用于所有flex组件 - visible='false'使它们从视图中消失。但他们实际上仍然在那里，没有被吸引，而是发生了。还有一个名为includeInLayout的参数，当设置为false时，会使它们停止发生。