flex图表(lineChart,AreaChart等等),当鼠标移到线上某个数据点时,,dataToolTip会显示数据点的相关参数。这是通过鼠标移至数据点来触发的。
现在有种情况,我现在已经从lineChart数据源里取得最大值和最小值,通过DataGrid显示出来,现在我想通过点击一列,其相对应的点就会在lineChart线上显示出来,包括他的DataToolTip,这称之为显示特定的数据点。
界面有lineChart+DataGrid:
<fx:Script>
public function show(event:ListEvent):void{
var testVO:TestVO = (DataGrid)(event.target).selectedItem as TestVO;
//allSeries是图表中线条的集合
var allSeries:Array = linechart.series;
//由于只有一条线条,所以数组长度为1,这里得到线条的series
var series:Series = allSeries[0] as Series;
//这里将series的dataTip集合清空
series.dataTipItems = [];
for(var i:int = 0;i<array.length;i++){
var item:ChartItem = series.items[i];
//图表中一个item唯一对应的就是数据源里的一个对象
var LCI:LineSeriesItem= item as LineSeriesItem;
if(testVo.date == LCI.xValue ){
//符合要求就加到series的dataTipItems集合里面,以便最后显示
series.dataTipItems.push(item);
linechart.showAllDataTips = true;
}
}
}
</fx:Script>
<mx:LineChart id="linechart" dataProvider="{array}" showDataTips="true">
<mx:LineSeries id="series1" yField="sales" xField="date"/>
</mx:LineChart>
<mx:DataGrid itemClick="show(event)>
。。。。。。
</mx:DataGrid>
这样点击DataGrid,通过itemClick触发事件,lineChart组件上线条中相应的点即会显示其DataToolTip。
分享到:
相关推荐
在FLEX4中开发带有过滤功能的DATAGRID组件
其中包含一个三种状态的checkbox,DataGrid代码中引用了 带多选框的DataGrid(AdvancedDataGrid) 表头有全选CheckBox,三种状态:全选、部分选择、无选择 如果改变目录结构,需要在CustomCheckBox.mxml中更改inner....
Flex4.6 开发的关于DataGrid控件,在其中嵌套了comboBox,控制是否可航编辑,添加删除一行,光表定位,查了好些资料,可直接运行
Flex4 DataGrid表格操作,表格回车事件默认是换行,这里修改为换单元格,单元格轮完换行。支持上下左右和回车键控制光标位置,还添加了"+","-"按钮,用于控制添加行和删除选中的行。
flex动态生成datagrid表头,外加linechart的简单操作,值得学习!
FLEX的datagrid合计、平均值,很好的例子代码拿来就可以用
FLEX4实践—动态生成DataGrid及应用客户化itemRenderer.doc
Flex dataGrid 全选、反选 checkBox 不是很完善,但很有借鉴意义
这个分页只与后台交互一次,然后将获得的集合在前台进行分页显示。
FLEX4 s:dataGrid单元格弹出可文本,就是单击单元格弹出自己定义的一个组件,
这是我自己开发的一个dataGrid分页的控件,上传的资源是一个打成包的flex项目,这个控件在查询数据时是与后台进行实时交互的,表格的表头样式是重写皮肤类进行定义的,而隔行变色是通过css来实现的。其中最重要的...
flex通过java后台讲datagrid导出为excel
FLEX的一个DataGrid例子,熟悉一下DataGrid的使用
flex中的datagrid的分页定位以及高亮显示
flex 三状态多选 自动分页DataGrid
flex中dataGrid导出数据到excel中,不存在乱码问题
felx和springHibernate整合传递二进制数据到表中并在flex的dataGrid控件中显示的实践
Flex Builder4.5导入Excel和CSV文件到DataGrid中,并自定义DataGrid选中行的右键
通过itemrender实现flex datagrid中显示序列号
flex datagrid资料,下载的别人的,想弄点分数啊