Question

我似乎无法弄清楚原因，但无论列的宽度如何，我的ColumnSeries上的标签似乎总是被截断。我已经尝试将labelSizeLimit设置为一个任意大的数字，但这似乎没有帮助

关于最新情况的任何想法？

以下是一些示例代码：

<?xml version="1.0" encoding="utf-8"?><mx:Application name="BarChart_barWidthRatio_test"
    xmlns:mx="http://www.adobe.com/2006/mxml"
    layout="vertical"
    verticalAlign="middle"
    backgroundColor="white">

    <mx:Script>
        <![CDATA[
            private function labelFunc(v1:Object, v2:Object):String {

                return 'asdfasasds';

            }
        ]]>
    </mx:Script>

<mx:ArrayCollection id="arrColl">
    <mx:source>
        <mx:Array>
            <mx:Object name="R Winn" obp=".353" slg=".445" avg=".300" />
            <mx:Object name="P Feliz" obp=".290" slg=".418" avg=".253" />
            <mx:Object name="O Vizquel" obp=".305" slg=".316" avg=".246" />
            <mx:Object name="B Molina" obp=".298" slg=".433" avg=".276" />
            <mx:Object name="R Durham" obp=".295" slg=".343" avg=".218" />
        </mx:Array>
    </mx:source>
</mx:ArrayCollection>

<mx:ApplicationControlBar dock="true">
    <mx:Form>
        <mx:FormItem label="barWidthRatio:">
            <mx:HSlider id="slider"
                    minimum="0.0"
                    maximum="1.0"
                    value="0.6"
                    liveDragging="true"
                    tickInterval="0.1" />
        </mx:FormItem>
    </mx:Form>
</mx:ApplicationControlBar>

 <mx:ColumnChart id="barChart"
         showDataTips="true"
         dataProvider="{arrColl}"
         width="100%"
         height="100%">
      <mx:horizontalAxis>
       <mx:CategoryAxis 
            dataProvider="{arrColl}" 
            categoryField="name"
       />
    </mx:horizontalAxis>

    <mx:verticalAxis>
        <mx:LinearAxis minimum="0" maximum="1"/>
    </mx:verticalAxis>    

    <mx:series>
        <mx:ColumnSeries id="barSeries"
                yField="avg"
                xField="name"
                displayName="name"
                labelFunction="{labelFunc}"
                labelPosition="outside"
                labelAlign="center"
                labelSizeLimit="900"
                labelRotation="45"
                columnWidthRatio="{slider.value}" />
    </mx:series>
</mx:ColumnChart>

Answer 1

如果您在里面显示标签，那么它将起作用。

labelPosition="inside"

如果您需要labelPosition="outside"，则需要扩展和覆盖标签图。

=========以下信息仅供参考，与问题/解决方案无关========== labelAlign = “中心”

这在

时有效

labelPosition="inside"

而且，labelSizeLimit实际上是字体大小阈值。这不应该那么高。

Flex ColumnChart标签被截断（包括示例）

1 个答案: