自定义Flex图表数据提示

Question

我想在这里模仿Google财经上的数据提示功能 - http://www.google.com/finance?q=INDE...EXNASDAQ:.IXIC

当您将鼠标悬停在图表上时，数据提示不会显示在图表上，而是固定在图表的右上角标题中。我该怎么做呢？ Thx提前！

语气

Answer 1

我将如何做到让图表组件处理mousemove并在鼠标相对于数据的地方进行检索，并将该单个数据点存储到mouseOverData之类的属性中，然后将其绑定到另一个组件，如顶级'工具提示'。这是扁平化组件的一个示例（扁平化，因为我会为每个组件制作单独的文件，以便在我的项目中重用）：

<s:VGroup>
<s:HGroup>
<s:Label text="Some Label: {mouseOverData.someProperty}" />
<s:Label text="Second Label: {mouseOverData.secondProperty}" />
</s:HGroup>
<mx:LineChart mouseMove="calculateMousePositionRelativeToDataAndStoreInMouseOverDataProp(event)" />
</s:VGroup>