`
allan9958
  • 浏览: 79904 次
  • 性别: Icon_minigender_1
  • 来自: 上海
社区版块
存档分类
最新评论

点击 datagrid 行选择性的显示 lineChart 的 DataTips

    博客分类:
  • flex
阅读更多
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>
分享到:
评论

相关推荐

    WPF DataGrid 行拖拽

    在Windows Presentation Foundation (WPF)框架中,DataGrid控件是一种强大的数据展示工具,它允许用户以表格形式显示和操作数据。默认情况下,WPF DataGrid的列支持拖放功能,用户可以方便地调整列的位置。然而,...

    dataGrid根据条件行显示不同的颜色

    3. **行模板和样式**:在DataGrid中,每一行都可以有自己的模板,这允许我们自定义行的显示方式。我们可以创建一个模板,其中包含条件逻辑,当满足条件时,应用特定的样式(如背景色)。 4. **数据绑定**:在...

    C# WPF DataGrid行拖拽顺序交换

    在开发过程中,有时我们需要实现一个功能,即允许用户通过拖拽行来改变DataGrid中数据的显示顺序。这个功能在处理可排序列表时非常实用,比如在管理任务列表、产品目录或任何需要用户自定义顺序的数据集合时。标题...

    WPF DataGrid 添加合计行并始终显示在底部代码

    这个教程将指导你如何在WPF `DataGrid` 中实现这一功能,并保持合计行始终位于数据的底部,同时应用一些常见的样式,如隔行变色、鼠标悬停变色和选中行变色。 首先,我们需要创建一个`DataGrid`,并绑定到一个数据...

    DataGrid当鼠标划过每行时,在ToolTip中显示每行数据的详情

    本文将深入探讨如何实现一个功能,即当鼠标划过DataGrid的每一行时,在ToolTip中显示该行的详细信息。这是一项增强用户体验的实用技巧,让用户能够快速查看每一行的完整数据,而无需点击或展开行。 首先,我们需要...

    easyui datagrid 行编辑中combogrid和combobox显示问题

    修改上一个资源版本中结束编辑时...1、类型为combogrid时每行的参数不同查询返回对应的数据结果。 2、类型为combobox时,输入框显示图标按钮,实现对应的事件。 3、解决类型为combobox显示为value而不是text问题

    WPF DataGrid 行的背景色根据行中某一字段的值来显示

    WPF的DataGrid展示数据源数据时,需要根据某行中某一字段值,来显示背景颜色。这里简单做了一个int类型的值,为0的时候为橙色,为1的时候为草绿色....也可以在数据源中添加Color列,并直接存放Color的16进制值,并...

    WPF DataGrid合并行

    它允许你在每一行下方显示附加信息,可以通过设置`DataGrid.RowDetailsTemplate`属性实现。 4. **计算合并范围**:为了决定哪些行需要合并,需要编写逻辑来检查数据源中的值。通常,如果相邻行的某个特定列值相同,...

    鼠标移动DataGrid显示详细信息

    根据提供的标题、描述、标签及部分内容,我们可以了解到这篇文章主要讲述的是如何实现在鼠标移动到 DataGrid 的某一行时,显示出该行的详细信息。DataGrid 是一种常用的 Web 控件,用于展示表格形式的数据。下面我们...

    datagrid显示图片并点击放大浏览样式文件.zip

    在这里,我们创建了一个新的dialog,内容是一个更大的图片,显示点击的图片。 5. 图片资源:压缩包中的图片资源可能是用来展示示例的,或者作为datagrid中显示的图片。确保将这些图片部署到您的Web服务器上,并在...

    easyui datagrid 动态隐藏显示列

    jquery easyui 扩展 datagrid 自定义动态隐藏显示列

    Wpf DataGrid 合计行,并在最下方

    wpf的DataGrid中,添加某一列的合计,并在最下方固定显示。本列子不使用ToolKit(有3.5和4.0的限制),添加一个类,重写DataGrid。可以在DataGrid上下左右绑定一个DataGrid,类似Footer属性。示例可直接运行,简单...

    WPF中DataGrid自定义实现最后一行下面跟一个汇总行,类似MT4

    本话题主要探讨如何在DataGrid中自定义实现最后一行后面添加一个汇总行,这在金融软件如MT4(MetaTrader 4)中非常常见,用于显示数据的总计或平均值等统计信息。 首先,我们需要了解DataGrid的基本用法。DataGrid...

    WPF DataGrid 中显示图片的小例子

    DataGrid通常与数据源绑定,如ObservableCollection或BindingList,来自动创建行并显示数据。每行可以包含多个列,列可以是不同类型的,包括文本、数字、日期等,当然也包括图片。 1. **添加Image列** 要在...

    设置datagrid行背景色示例

    2. **创建自定义 `Datagrid` 子类**:在子类中,你可以重写或扩展渲染器(renderer)的逻辑,渲染器负责显示每个单元格的内容。为了改变行背景色,我们需要自定义行渲染器。 3. **实现行渲染器**:行渲染器通常是 `...

    WPF中DataGrid的空白行使用方法

    为了使空白行具有可编辑性,我们需要为`DataGrid`设置`CanUserAddRows`属性为`true`: ```xml &lt;DataGrid CanUserAddRows="True"&gt; &lt;!-- ... --&gt; &lt;/DataGrid&gt; ``` 这样,当用户在`DataGrid`底部点击时,就会出现一...

    datagrid行的背景色

    在实际应用中,我们经常需要根据特定条件或者需求自定义Datagrid的行背景色,以增强视觉效果,或者突出显示特定行的信息。本文将深入探讨如何在Flex中实现对datagrid行背景色的自定义。 首先,了解Flex Datagrid的...

    easyui的datagrid生成合并行,合计计算价格

    在EasyUI DataGrid中,可以使用`footer`选项来显示底部总计行。首先,需要在DataGrid的列定义中为需要计算的列设置`field`,然后在`onLoadSuccess`事件中进行计算,将结果添加到footer。例如,如果你有一个名为`...

    EasyUI的DataGrid显示ASP.NET内容

    在本文中,我们将深入探讨如何在ASP.NET环境中使用EasyUI的DataGrid显示数据。 首先,确保你已经下载了最新的EasyUI版本。由于标题提到旧版本可能存在问题,因此及时更新至官方发布的最新版本至关重要,以获取更好...

    WPF.DataGrid.MergeRow

    在某些场景下,我们可能需要对DataGrid的行或单元格进行合并,以达到更美观或者特定的信息展示效果。标题"WPF.DataGrid.MergeRow"和描述中的"实现功能:WPF下DataGrid实现行单元格合并"正是针对这个需求的解决方案。...

Global site tag (gtag.js) - Google Analytics