动态更新图例 - ActionScript 3

Question

我在更新使用动作脚本创建的图例时遇到了一些问题。

请阅读以下步骤以了解问题。

1. 创建了一个包含两个数据系列的折线图。
2. 创建了一个图例。

3. 将图表和图例附加到容器中。

4. 有一个更新按钮。点击按钮。

5. 现在折线图已更新为三个数据系列。

6. 当我尝试更新图例时，它仍然指向带有两个标签而不是三个标签的初始值。

7. 我用来实现的代码（六）

选项（1）

this["containerId"].getChildByName("legendName").dataProvider = LineChart(this["containerId"].getChildByName("chartName"));

选项（2）

this["containerId"].getChildByName("legendName").dataProvider = this["containerId"].getChildByName("chartName") as LineChart;

有没有cmets？

谢谢 周杰伦

Answer 1

大约 1 年前，我使用 Flex 图表进行了一些繁重的工作，但它们经常会让人感到沮丧。事实上，他们的内心非常聪明，因此很难对行为进行推理。

我注意到的一件事是，有时当您更改数据时，它实际上可能需要几帧才能在层次结构中涓涓细流。即使您在更新系列信息时在同一帧上更新图例上的dataProvider，您也可能不会绑定到正确版本的实例，因为它会在几帧内发生变化。 （即Series 的更改是异步的，dataProvider 的更改是同步的）。

检查这是否是您的问题的一个快速测试就是设置一个黑客计时器。将其设置为 100 毫秒左右，然后再设置您的 dataProvider ——希望当对 Series 的更改已经达到必要的属性时。另一个想法是使用第二个按钮，一旦您直观地看到新的Series，使用该按钮触发图例dataProvider 的分配。这不是一个生产就绪的解决方案，但它至少可以确定问题的性质。

如果是您的问题（我怀疑但不确定），则开始查找来自所有图表组件的事件。表示新Series 已绘制的事件可能来自任何地方，但您最终会找到它。祝你好运。

---

还有，两者的区别：

var foo:Bar = Bar(obj); // if !(obj is Bar) throw Error

和

var foo:Bar = obj as Bar; // if !(obj is Bar) return null

如果您确定obj 将转换为Bar，则第一个是最好的，如果不是，它将抛出异常（事实上，如果它没有转换为@ 987654333@)。第二个 (as) 用于当有合理的机会 obj 不会是 Bar 并且它不会抛出错误而是会返回 null。

由于这种行为，Adobe 建议尽可能使用第一个表单。

Answer 2

这是 flex 的一个主要问题：它很难与 AS3 一起使用......最好使用 MXML 并创建绑定......这个问题应该会消失......

我不完全理解的一件事是，为什么一个孩子是另一个孩子的数据提供者，但也许您的应用程序的布局说明了这一点......通常，数据提供者来自应用程序的数据模型......

---

编辑： 我认为，绑定是最好的方法...... 您应该按如下方式创建一个类：

class Data {
    [Bindable(event="legendChanged")]
    public function get legend():LegendType {/*implementation*/}
    [Bindable(event="chartChanged")]
    public function get chart():ChartType {/*implementation*/}
    public function choseGraph(index:uint):void {
         //update state so the getters for chart and legend will return the right values
         this.dispatchEvent(new Event("legendChanged"));
         this.dispatchEvent(new Event("chartChanged"));
    }    
}

然后将你的视图绑定到它。