BarChart - 垂直中心标签

时间:2011-03-14 15:44:45

标签: flex bar-chart flex-charting

这项任务似乎并不太难,但过去几个小时它一直阻止我。我正在做一个堆积条形图,我希望标签在每个条形段内水平和垂直居中。标签设置为“内部”。这样,您可以通过设置label-align:middle轻松地将标签水平居中,但似乎没有任何东西可以处理垂直方面。

接下来的方法是创建条形图的自定义组件,但是当我弄乱渲染功能时,这会非常混乱。我认为这只是修改这一行:v.labelY=v.y + barSeries.seriesRenderData.renderedYOffset - barSeries.seriesRenderData.renderedHalfWidth;但它没有奏效。

无论如何,如果有人有任何想法如何做到这一点,我们将不胜感激 附上条形图现在看起来像。而且为了澄清,我希望这些标签(图片中的手册)垂直居中。

Demo

2 个答案:

答案 0 :(得分:2)

    <mx:BarSeries 
                        xField="s1"
                        yField="name"
                        displayName="Employees in shceme"
                        labelAlign="center"
                        labelPosition="inside"
                        styleName="labelStyle"
                        />

    <fx:Style>
        @namespace s "library://ns.adobe.com/flex/spark";
        @namespace mx "library://ns.adobe.com/flex/mx";

        .labelStyle {
            verticalAlign:middle;
        }
     </fx:Style>

Enjoy!!!

答案 1 :(得分:0)

将columnSeries的verticalCenter属性设置为0。