0

我制作了一个应用程序，用于根据先前计算的数据 (X,Y) 生成绘图图表。在图表上绘制数据后，我尝试使项目（点）在用户单击点时显示标签（通过 addChild 外部自定义标签组件）（例如：如果用户单击图表项目，相应的 ID 号将显示在点旁边）。

尽管一切正常，但我无法切换项目（例如：如果一个点已被单击并且标签 ID 可见，则在下一次单击同一个点时，我想隐藏（removeChild）对应于那个的标签组件item)...附上我到目前为止所做的一个简单示例代码：

<?xml version="1.0" encoding="utf-8"?>
<mx:WindowedApplication xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" width="417" height="468" backgroundGradientAlphas="[1.0, 1.0]" backgroundGradientColors="[#FFFFFF, #FFFFFF]">
    <mx:Script><![CDATA[
    import mx.charts.events.ChartItemEvent;
    import mx.charts.HitData;
     import mx.collections.ArrayCollection;

     [Bindable]
     public var ARR:ArrayCollection = new ArrayCollection([
        {ID:1, Y:2000, X:1500},
        {ID:2, Y:1000, X:200},
        {ID:3, Y:1500, X:500},
        {ID:4, Y:500, X:300},
        {ID:5, Y:1000, X:450},
        {ID:6, Y:2000, X:500}
     ]);

     private function labels_plot1(plot:String, dotIndex:int, labelID:String):void {
            var ID_lab:ID_label = new ID_label();
            if(this[plot].series[0] == ID_lab.parent){
                this[plot].series[0].removeChild(ID_lab);
            }else{
                this[plot].series[0].addChild(ID_lab);
                ID_lab.x = this[plot].series[0].getChildAt(dotIndex).x + 8;
                ID_lab.y = this[plot].series[0].getChildAt(dotIndex).y + 1.2;
                ID_lab.ID_txt.htmlText = "<B>" + labelID  + "</B>";
            }
     }

     private function dotClickEvent(event:ChartItemEvent):void{
        labels_plot1(event.currentTarget.id, event.hitData.chartItem.index, event.hitData.item.ID);
     }

  ]]></mx:Script>
     <mx:PlotChart id="myChart" dataProvider="{ARR}" itemClick="dotClickEvent(event)">
        <mx:series>
           <mx:PlotSeries id="pl"
                xField="X"
                yField="Y"
                displayName="Plot 1"
            />
        </mx:series>
        <mx:annotationElements>
            <mx:CartesianDataCanvas id="canvas" includeInRanges="true"/>
        </mx:annotationElements>
     </mx:PlotChart>
</mx:WindowedApplication>

我几乎尝试了一切，但没有成功......如何解决这个问题？

4

1 回答 1

0

您的函数中的第一次检查不可能是真的，这就是为什么没有删除孩子。首先，在您知道是否需要新标签之前，您不应该创建新标签。

在您的情况下，我将使用组件的属性名称将 dotIndex 保存在那里。dotIndex 是唯一的，因此您可以随时使用函数 getChildByName(dotIndex.toString()) 检查标签是否存在。

我也更喜欢将新标签直接添加到单独的容器中，或者在我们的例子中添加到应用程序本身中。这是您可以尝试做的事情：

        private function labels_plot1(plot:String, dotIndex:int, labelID:String):void {

            var dispObj:DisplayObject = this.getChildByName(dotIndex.toString());

            if (dispObj != null)
            {
                this.removeChild(dispObj);
            }
            else
            {
                var ID_lab:Label = new Label();

                ID_lab.x = this[plot].series[0].getChildAt(dotIndex).x + 8 + 60;
                ID_lab.y = this[plot].series[0].getChildAt(dotIndex).y + 1.2 + 4;

                ID_lab.text = labelID;
                ID_lab.name = dotIndex.toString();
                this.addChild(ID_lab);
            }
        }

我没有你的组件 ID_Label，所以我这里用的是普通的 Label。

于 2012-12-26T11:32:25.353 回答