Как показать легенды на нескольких строках в flex

Question

У меня есть Линейный график с 12 Легендами. Следовательно, они обрезаются в конце вместо того, чтобы обернуться вокруг чувак из-за недостатка места. Может кто-нибудь предложить мне метод, чтобы показать оставшиеся легенды на следующей строке. например, 6 легенд на каждый ln

Answer 1

Если идентификатор диаграммы - «myChart», а идентификатор серии - «chartSer», тогда:

private function init():void {
  this.myChart.addEventListener(FlexEvent.UPDATE_COMPLETE, updEvHandler);
}

private function updEvHandler(ev:Event):void{
  chartSer.displayName = "Line 1"+String.fromCharCode(13)+"Line 2";
}

Answer 2

Вы также можете создать собственную легенду с помощью LegendItems и LegendMarkerRenderer.Таким образом, вы можете разместить их где угодно и с любым макетом.Затем вы можете заключить Легенду в VGroup, или HGroup, или Группу с TileLayout, или что угодно, разместить каждую из них абсолютно.например,

<mx:Legend>
                    <mx:LegendItem label="January" fontWeight="bold">

                        <mx:fill>
                            <mx:SolidColor color="#0FFF3C" alpha=".9"/>
                        </mx:fill>
                        <mx:stroke>
                            <mx:SolidColorStroke color="#0FFF3C" weight="1"/>
                        </mx:stroke>
                    </mx:LegendItem>
                    <mx:LegendItem label="February" fontWeight="bold">
                        <mx:legendMarkerRenderer>
                            <fx:Component>
                                <mx:CircleItemRenderer/>
                            </fx:Component>
                        </mx:legendMarkerRenderer>
                        <mx:fill>
                            <mx:SolidColor color="#FF8F35" alpha=".8"/>
                        </mx:fill>
                        <mx:stroke>
                            <mx:SolidColorStroke color="#35ABFF" weight="3"/>
                        </mx:stroke>
                    </mx:LegendItem>
                </mx:Legend>