點擊 datagrid 行選擇性的顯示 lineChart 的 DataTips


private function showTip(evt:ListEvent):void{
//清空tip
for each(var s:Series in linechart2.series){
s.dataTipItems = [];
}
//當前選中的行索引
var selidx:Number=evt.currentTarget.selectedIndex

//添加選中行的數據到tips
for each(var s:Series in linechart2.series){

var chartitem:ChartItem=s.items[selidx];

s.dataTipItems.push(chartitem);

}
//現實tips
linechart2.showAllDataTips = true;

}




<mx:DataGrid id="dg" width="100%" height="100" dataProvider="{dp}" itemClick="showTip(event)">
<mx:columns>
<mx:DataGridColumn headerText="hostName" dataField="hostName"/>
<mx:DataGridColumn headerText="time" dataField="time"/>
<mx:DataGridColumn headerText="max" dataField="max"/>
<mx:DataGridColumn headerText="min" dataField="min"/>
<mx:DataGridColumn headerText="average" dataField="average"/>
</mx:columns>
</mx:DataGrid>



<mx:LineChart id="linechart2" color="0x323232" height="100%" width="100%" showDataTips="true" dataProvider="{dp}">

<mx:verticalAxis>
<mx:LinearAxis baseAtZero="false" title="value" minimum="0"/>
</mx:verticalAxis>

<mx:horizontalAxis>
<mx:CategoryAxis categoryField="time" title="time"/>
</mx:horizontalAxis>

<mx:series>
<mx:LineSeries xField="time" yField="max" form="curve" displayName="max" />
<mx:LineSeries xField="time" yField="min" form="curve" displayName="min"/>
<mx:LineSeries xField="time" yField="average" form="curve" displayName="average" />
</mx:series>
</mx:LineChart>
發佈了27 篇原創文章 · 獲贊 0 · 訪問量 2327
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章