Question

我使用的柱形图有一个水平轴，用于显示日期。

问题是，当存在大数据点时，它会缩小x轴标签的大小，我不希望这种情况发生。

我正在批量显示日期，但标签仍然没有占用可用空间。标签的大小缩小，文本几乎无法读取。

关于如何增加标签尺寸的任何建议，无论刻度数是多少。

以下是我的代码片段。

谢谢。

  <mx:ColumnChart id = "areaChart"
                  height = "100%" 
                  width = "100%" 
                  seriesFilters="[]"                    
                  showDataTips="false"
                  type="overlaid"
                  columnWidthRatio="0.40"
                  mouseMove="showData(event)"
                  mouseSensitivity="600"
                  change="{callLater(showDefaultData)}"> 

       <mx:horizontalAxis>
            <mx:CategoryAxis categoryField = "date"
                             id = "hax"         
                             ticksBetweenLabels="true"
                             labelFunction="chartsLabel"/>
        </mx:horizontalAxis>

        <mx:horizontalAxisRenderers>
            <mx:AxisRenderer id="har" 
                             axis="{hax}"
                             textAlign="left"
                             tickPlacement="none"   
                             placement="bottom"                                                  
                             axisStroke="{Stroke}"/>


        </mx:horizontalAxisRenderers>

Answer 1

为AxisRenderer定义样式并在定义中使用它：

风格：

<mx:Style>
    .axisStyle {
        fontSize:10;
        color:blue;
    }
</mx:Style>

用法：

    <mx:horizontalAxisRenderers>
       <mx:AxisRenderer axis="{axisName}" styleName="axisStyle"/>
    </mx:horizontalAxisRenderers>

    <mx:horizontalAxis>
       <mx:CategoryAxis id="axisName" dataProvider="{dataProvider}" 
            categoryField="someCategory"/>
    </mx:horizontalAxis>

Answer 2

你应该设置

canDropLabels="true|false"

canStagger="true|false"

图表的axisrenderer的样式：如果文本太多，它应该知道该怎么做。

如果要强制删除缩放，还可以为axisrenderer设置scaleX和scaleY属性。但除非你做一些棘手的事情，否则你不需要它。

您还可以为图表和axisrenderer设置gutters，以便为绘图标签提供额外空间，但通常您也不需要它。

Answer 3

不幸的是，CategoryAxis似乎没有渲染器，因此无法为它设置canDropLabels和canStagger。

Flex图表会增加类别轴的标签大小

3 个答案: