Question

我的Flex图表包含可从每个数据系列创建图例的代码。目前，我在点击按钮时执行drawLegend功能。

我试图让图例自动绘制，但我无法确定何时调用drawLegend函数。用户单击“更新”按钮以检索数据。我希望在此之后创建图例，而无需用户点击另一个按钮。

我把drawLegend函数放在几个地方（ResultHandler，afterEffectEnd（用于图表动画等），没有任何作用。

将系列添加到图表后，系列动画结束后，可以添加图例。

如何及时捕获这个时间点并调用我的功能？

有什么想法吗？

以下是我用来创建图例的代码。请注意，即使代码处理每个系列，我也注意到如果过早调用Fill颜色为空。

private function drawLegend(event:Event):void {
clearLegend();

// Use a counter for the series.
var z:int = 0;

var numRows:int; 
if (chart.series.length % rowSize == 0) {
    // The number of series is exactly divisible by the rowSize.            
    numRows = Math.floor(chart.series.length / rowSize);                
} else {
    // One extra row is needed if there is a remainder.
    numRows = Math.floor(chart.series.length / rowSize) + 1;
}

for (var j:int = 0; j < numRows; j++) {
    var gr:GridRow = new GridRow();
    myGrid.addChild(gr);

    for (var k:int = 0; k < rowSize; k++) {
        // As long as the series counter is less than the number of series...

        //skip columnset group
        if (chart.series[z] is LineSeries || chart.series[z] is ColumnSeries){
            if (z < chart.series.length) {
                var gi:GridItem = new GridItem();
                gr.addChild(gi);

                var li:LegendItem = new LegendItem();

                    // Apply the current series' displayName to the LegendItem's label.
                    li.label = chart.series[z].displayName;

                    // Get the current series' fill.
                    var sc:SolidColor = new SolidColor();
                    sc.color = chart.series[z].items[0].fill.color;

                    // Apply the current series' fill to the corresponding LegendItem.
                    li.setStyle("fill", sc.color);//was just sc

                    // Apply other styles to make the LegendItems look uniform.
                    li.setStyle("textIndent", 5);
                    li.setStyle("labelPlacement", "left");
                    li.setStyle("fontSize", 9);

                    gi.setStyle("backgroundAlpha", "1");
                    gi.setStyle("backgroundColor", sc.color);
                    //gi.width = 80;

                    // Add the LegendItem to the GridItem.
                    gi.addChild(li);
                }
            }
        // Increment any time a LegendItem is added.
        z++;
    }
}

}

Answer 1

好吧，我无法弄清楚要捕获的事件，所以我在图表的父容器中使用了以下内容：

chart.addEventListener(ChartItemEvent.ITEM_ROLL_OVER,drawLegend);

似乎工作正常。

何时在Flex中渲染Legend

1 个答案: