自定義Flex圖表數據提示

Question

我想在此處模擬Google Finance的datatip功能-http: //www.google.com/finance? q=INDE...EXNASDAQ:.IXIC

而當您將鼠標懸停在上方時，數據提示不會顯示在圖表上方，而是錨定在圖表的右上方標題中。 我該怎么做呢？ 提前謝謝！

音

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>