自定义Flex图表数据提示

Question

我想效仿谷歌的数据提示功能，资金在这里 - http://www.google.com/finance?q=INDE...EXNASDAQ:.IXIC

而当你将鼠标悬停在，但取而代之的是在图表的右上方头固定数据提示不显示在图表上。我如何去做这件事？ Thx提前！

音

Answer 1

我将如何做到这一点是有图表组件手柄鼠标移动和retreive在鼠标相对于数据和单个数据点存储到像mouseOverData属性，然后将其绑定到另一个组件，就像那个顶级的'tooltip'一样。下面是扁平组件的示例（扁平化，因为我将为每个组件创建单独的文件以便在项目中重用）：

<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>