2009年6月8日
原文参考:How to customize the tooltips displayed in the chart
图表提示信息可以定制在鼠标悬停在图表上或者点击图表时显示,也可以设置成不显示提示内容,具体代码参考下列设置。
点击图表显示提示信息:
this.UltraChart1.Tooltips.Display= Infragistics.UltraChart.Shared.Styles.TooltipDisplay.MouseClick;
悬停时显示提示信息:
this.UltraChart1.Tooltips.Display= Infragistics.UltraChart.Shared.Styles.TooltipDisplay.MouseMove;
不显示提示信息:
this.UltraChart1.Tooltips.Display= Infragistics.UltraChart.Shared.Styles.TooltipDisplay.Never;
当设置鼠标在图表上悬停时以显示信息提示时,提示内容可以是轴标签值与数据值,或者是设置成行列号与数据值,也可以自定义提示内容。参考以下代码:
显示轴标签值与数据值:
this.UltraChart1.Tooltips.Format = Infragistics.UltraChart.Shared.Styles.TooltipStyle.LabelPlusDataValue;
显示行列号与数据值:
this.UltraChart1.Tooltips.Format = Infragistics.UltraChart.Shared.Styles.TooltipStyle.RowColumnPlusDataValue;
自定义图表提示内容:
this.UltraChart1.Tooltips.Format=Infragistics.UltraChart.Shared.Styles.TooltipStyle.Custom;
this.UltraChart1.Tooltips.FormatString="tooltip";
以上我们提到了自定义图表提示信息的若干设置,实际上我们还可以控制提示信息的外观,包括背景色、字体大小、文字颜色等,参考以下代码:
this.UltraChart1.Tooltips.BackColor=System.Drawing.Color.Yellow;
this.UltraChart1.Tooltips.FontColor=System.Drawing.Color.Blue;
this.UltraChart1.Tooltips.BorderColor=System.Drawing.Color.Red;
this.UltraChart1.Tooltips.BorderThickness=3;
最终生成效果参见图1
SET ANSI_NULLS{ON|OFF}:用来指定对空值使用等于(=)和不等于(<>)比较运算符时,这些运算符应遵从什么行为.具体是什么样的行为呢?SQL-92要求如下:
SQL-92 标准要求对空值的等于 (=) 或不等于 (<>) 比较取值为 FALSE,是默认值。
当 SET ANSI_NULLS 为 ON 时,即使 column_name 中存在空值,使用 WHERE column_name = NULL 的 SELECT 语句仍返回零行。即使 column_name 中存在非空值,使用 WHERE column_name <> NULL 的 SELECT 语句仍返回零行。
当 SET ANSI_NULLS 为 OFF 时,等于 (=) 和不等于 (<>) 比较运算符不遵从 SQL-92 标准。使用 WHERE column_name = NULL 的 SELECT 语句返回 column_name 中含有空值的行;使用 WHERE column_name <> NULL 的 SELECT 语句返回列中含有非空值的行;使用 WHERE column_name <> XYZ_value 的 SELECT 语句返回所有非 XYZ 值和非 NULL的行。
SQL Server联机丛书关于ANSI_NULLS里有这样一个代码示例,给出了直观的效果,我添加了输出提示,如下:
-- Create table t1 and insert values.
CREATE TABLE t1 (a INT NULL)
INSERT INTO t1 values (NULL)
INSERT INTO t1 values (0)
INSERT INTO t1 values (1)
GO
-- Print message and perform SELECT statements.
PRINT 'Testing default setting'
DECLARE @varname int
SELECT @varname = NULL
SELECT *
FROM t1
WHERE a = @varname --结果为空
SELECT *
FROM t1
WHERE a <> @varname --结果为空
SELECT *
FROM t1
WHERE a IS NULL --结果为NULL
GO
-- SET ANSI_NULLS to ON and test.
PRINT 'Testing ANSI_NULLS ON'
SET ANSI_NULLS ON
GO
DECLARE @varname int
SELECT @varname = NULL
SELECT *
FROM t1
WHERE a = @varname --结果为空
SELECT *
FROM t1
WHERE a <> @varname --结果为空
SELECT *
FROM t1
WHERE a IS NULL --结果为NULL
GO
-- SET ANSI_NULLS to OFF and test.
PRINT 'Testing SET ANSI_NULLS OFF'
SET ANSI_NULLS OFF
GO
DECLARE @varname int
SELECT @varname = NULL
SELECT *
FROM t1
WHERE a = @varname --结果为NULL
SELECT *
FROM t1
WHERE a <> @varname --结果为0,1
SELECT *
FROM t1
WHERE a IS NULL --结果为NULL
GO
-- Drop table t1.
DROP TABLE t1
从上面代码的运行效果来看:
①当SET ANSI_NULLS ON时, =null或 <> null的查询条件时,结果都为空;如果为 IS NULL 才能显示NULL的行。
②不对ANSI_NULLS进行设置时,其执行效果与SET ANSI_NULLS ON时的效果一致,此处与SQL-92的要求之一“SQL-92 标准要求对空值的等于 (=) 或不等于 (<>) 比较取值为 FALSE,是默认值。”冲突哦?!
又怎么理解这个问题呢?
SQL Server联机丛书里ANSI_NULLS的知识文档里有答案:“SQL Server ODBC 驱动程序和用于 SQL Server 的 Microsoft OLE DB 提供程序在连接时自动将 ANSI_NULLS 设置为 ON。该设置可以在 ODBC 数据源、ODBC 连接特性或 OLE DB 连接属性(它们在连接到 SQL Server 之前在应用程序中设置)中进行配置。”
PS:其实,实际使用过程中,我们并没有考虑ANSI_NULLS是被设置为ON还是False,我们对空值的处理都是IS NULL 或者 IS NOT NULL
2009年6月4日
前段写的博文介绍了用图表向导创建ColumnLineChart的整个过程,ColumnLineChart归属于简单图表,用类似的向导步骤可创建出复合图表,相关步骤可参考:Chart_Creating_a_Composite_Chart_Using_the_ Chart_Wizard
既然可通过向导全程定制Composite Chart,那么用书写代码的方式来生成Composite Chart也当然是可以的了!此过程,如果你英文也够好,你也可以参考如下内容:Chart_Creating_a_Composite_Chart_in Code_Part
但是如果你英文不够好,或者需要有人指导下,请看本部分内容,本文就是介绍用手写代码方式生成符合图表,其间属性设置根据我的理解做了注释,你要是还不明白,建议你尝试着修改修属性值,然后比照生成图表具体理解,具体实现代码如下,你只需要复制其在Page_load事件中添加,再拖一个UltraChart到该页面即可。
//定义数据源,根据其可方便设置series
DataTable dt = new DataTable();
dt.Columns.Add("col1", typeof(int));
dt.Columns.Add("col2", typeof(int));
dt.Columns.Add("col3", typeof(int));
dt.Columns.Add("col4", typeof(string));
dt.Rows.Add(new object[] {2, 14, 12, "H1"});
dt.Rows.Add(new Object[] {0, 11, 10, "H2"});
dt.Rows.Add(new Object[] {1, 9, 11, "H3"});
dt.Rows.Add(new Object[] {0, 10, 11, "H4"});
dt.Rows.Add(new Object[] {4, 12, 9, "H5"});
dt.Rows.Add(new Object[] {1, 11, 10, "H6"});
dt.Rows.Add(new Object[] {1, 8, 7, "H7"});
dt.Rows.Add(new Object[] {5, 10, 10, "H8"});
//以下开始介绍生成Composite的完整步骤
//第一步:设置UltraChart1图表为组合图表Composite
this.UltraChart1.ChartType = ChartType.Composite;
//第二步:创建一个图表区域ChartArea,并在UltraChart1图表组合中增加一个图表区域
ChartArea area = new ChartArea();
this.UltraChart1.CompositeChart.ChartAreas.Add(area);
//第三步:创建X轴,X2轴和Y轴,并添加到图表区域
//创建X轴,Composite的ColumnChart需要
AxisItem xAxisColumn = new AxisItem();
xAxisColumn.OrientationType = AxisNumber.X_Axis;
xAxisColumn.DataType = AxisDataType.String ;
xAxisColumn.SetLabelAxisType = Infragistics.UltraChart.Core.Layers.SetLabelAxisType.GroupBySeries;
xAxisColumn.Labels.ItemFormat = AxisItemLabelFormat.ItemLabel;
xAxisColumn.Extent = 20;
//创建Y轴,Composite的ColumnChart和LineChart都需要
AxisItem yAxis = new AxisItem();
yAxis.OrientationType = AxisNumber.Y_Axis;
yAxis.DataType = AxisDataType.Numeric ;
yAxis.Labels.ItemFormat = AxisItemLabelFormat.DataValue;
yAxis.RangeType = AxisRangeType.Custom;
yAxis.RangeMin = 0;
yAxis.RangeMax = 20;
yAxis.Extent = 20;
//创建X2轴, Composite的LineChart需要
AxisItem xAxisLine = new AxisItem();
xAxisLine.OrientationType = AxisNumber.X2_Axis;
xAxisLine.DataType = AxisDataType.String ;
xAxisLine.SetLabelAxisType = Infragistics.UltraChart.Core.Layers.SetLabelAxisType.ContinuousData;
xAxisLine.Labels.ItemFormat = AxisItemLabelFormat.ItemLabel;
xAxisLine.Extent = 20;
//添加轴线到绘图区域
area.Axes.Add(xAxisColumn);
area.Axes.Add(xAxisLine);
area.Axes.Add(yAxis);
//第四步:创建若干曲线连续点实例,设置其取值
//生成ColumnChart所需的一个series
NumericSeries seriesColumn = new NumericSeries();
//数据标签值
seriesColumn.Label = "A";
seriesColumn.Data.DataSource = dt;
//轴线上显示的标签信息
seriesColumn.Data.LabelColumn = "col4";
//图表上要显示的值
seriesColumn.Data.ValueColumn = "col2";
seriesColumn.DataBind();
//生成ColumnChart所需的一个series
NumericSeries seriesColumn2 = new NumericSeries();
//数据标签值
seriesColumn2.Label = "B";
seriesColumn2.Data.DataSource = dt;
//轴线上显示的标签信息
seriesColumn2.Data.LabelColumn = "col4";
//图表上要显示的值
seriesColumn2.Data.ValueColumn = "col3";
seriesColumn2.DataBind();
//生成LineChart所需的一个series
NumericSeries seriesLine = new NumericSeries();
seriesLine.Data.DataSource = dt;
//轴线上显示的标签信息
seriesLine.Data.LabelColumn = "col4";
//图表上要显示的值
seriesLine.Data.ValueColumn = "col1";
seriesLine.DataBind();
this.UltraChart1.Series.Add(seriesLine);
this.UltraChart1.Series.Add(seriesColumn);
this.UltraChart1.Series.Add(seriesColumn2);
//第五步:创建图表样式(外观),并添加到图层集中
//ColumnChart的图表样式
ChartLayerAppearance ColumnLayer = new ChartLayerAppearance();
ColumnLayer.AxisX = xAxisColumn;
ColumnLayer.AxisY = yAxis;
ColumnLayer.ChartArea = area;
//设置图表类型,ColumnChart条形图
ColumnLayer.ChartType = ChartType.ColumnChart;
ColumnLayer.Series.Add(seriesColumn);
ColumnLayer.Series.Add(seriesColumn2);
//LineChart的图表样式
ChartLayerAppearance LineLayer = new ChartLayerAppearance();
LineLayer.AxisX = xAxisLine;
LineLayer.AxisY = yAxis;
LineLayer.ChartArea = area;
//设置图表类型,LineChart条形图
LineLayer.ChartType = ChartType.LineChart;
LineLayer.Series.Add(seriesLine);
this.UltraChart1.CompositeChart.ChartLayers.Add(ColumnLayer);
this.UltraChart1.CompositeChart.ChartLayers.Add(LineLayer);
根据上述代码所生成的Composite Chart如下图:

2009年6月3日
要使用Infragistics控件集,决不是正确安装就万事大吉,这里有些小九九要注意:
1、安装好Infragistics控件集后,需要执行程序文件夹"Infragistics NetAdvantage 2005 Volume 3 CLR 2.0"下的"Create NetAdvantage Visual Studio Toolbox Tab",否则无法使用Infragistics提供的若干好用控件。
2、在VS.NET 2003环境下,执行完上述操作后(此时程序文件夹名为Infragistics NetAdvantage 2005 Volume 3 CLR 1.0),相关控件会自动出现在VS.NET 2003的工具箱中;而相关控件在VS.NET 2005环境里不会自动添加到工具箱中,需用户手工方式添入,这可在.NET Framework组件选择框里轻松找到。
2009年6月2日
一、数据要求
列线图(Column Line Chart)的最低数据要求如下:
①、数据集包含不少于一个的数值列。推荐包含至少两个的数值列,这样可方便的绘制线图。
②、数据集至少包含一行数据。
尽管可自定义数据集,但如果不满足上述列线图的最低配置要求,会报错,死得相当难看。
二、列线图的数据绑定
满足列线图最低配置要求的数据集,列线图按如下规则展示数据:
①、如果数据集包含多行,每行是一个series
②、列线图是个复合体,可以视为列图(Columne Chart)和线图(Line Chart)的复合。可以为列图和线图指定相同的数据源或分别指定数据源。若为列线图指定相同的数据源,直接设置UltraChart.Data.DataSource属性即可;若为列线图指定不同的数据源,则要分别设置UltraChart.ColumnLineChart.ColumnData.DataSource属性和UltraChart.ColumnLineChart.LineData.DataSource属性.
列图绑定时,每一series的标签名称显示在X轴,每一series的数值会以列图形式显示,列的高代表值的大小,可以定义列值显示格式:UltraChart.Axis.Y.Labels.ItemFormatString = "<DATA_VALUE:##.##>"
线图绑定时,每一series被单独绘制,其中第一个数值是第一点,第二个数值是第二个点,依序下去,用线将这些点连接起来即成。
举例:
现有如下数据源:
|
|
ActiveX |
Java |
NET |
|
Week1 |
20 |
80 |
60 |
|
Week2 |
10 |
200 |
90 |
|
Week3 |
100 |
40 |
110 |
|
Week4 |
120 |
80 |
100 |
|
Week5 |
55 |
110 |
45 |
根据此数据源所绘制出的列线图如下:
2009年6月1日
2009年5月21日