自定義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>