久久夜色精品国产嚕嚕亚洲av,国产综合激情在线亚洲第一页 ,亚洲人成77777在线观看网

ComponentOne WebChart的��?- 5�Q�柱形图�Q?

kdboy — Mon, 07 May 2007 08:05:00 GMT

�p�d��最后一章，柱�Ş囄��制作 �?/span>

一�?/span> 生成柱�Ş�?br />

C1WebChart1.ChartGroups.Group0.ChartType = Chart2DTypeEnum.Bar;

讄��图表�c�d��?/font>

对于数据源的��d��和其他图表相同，�q�里��׃��再说明�?/font>

二�?/span> 柱�Ş囄��样式设计

1 �Q�填充色的改�?br />

ChartDataSeries series1 = C1WebChart1.ChartGroups[ 0 ].ChartData.SeriesList.AddNewSeries();
series1.FillStyle.Color1 = Color.Red;

获取�?/span> ChartDataSeries 对象之后�Q�设�|?/span> FillStayle �?/span> Color1 属性即会改变柱形的填充艌Ӏ?/span>

2 �Q�渐变色彩的实现

// 1、设�|�图表颜色填充方式�ؓ渐变方式�Q�设�|�FillType 为Gradient�Q�默认�ؓSolidColor方式�Q�单一色填充）
series1.FillStyle.FillType = FillTypeEnum.Gradient;
// 2、设�|�渐变效果的样式�Q�设�|�GradientStyle为GradientStyleEnum的枚丑ր�|��q�里讄��为垂直渐�?/span>
series1.FillStyle.GradientStyle = GradientStyleEnum.Horizontal;
// 3、设�|�渐变颜�Ԍ��Color1为图表默认颜�Ԍ��如果使用默认方式填充�Q�图标颜色将为Color的颜艌Ӏ?/span>
series1.FillStyle.Color1 = Color.BurlyWood;
// Color2为渐变色彩（使用Gradient或Hatch方式填充图表颜色需讄��Color2�Q��?/span>
series1.FillStyle.Color2 = Color.Red;

渐变效果需要设�|?/span> FillType �?/span> Gradient �c�d��Q��ƈ且必��设�|?/span> Color2 属性�?/span>

渐变效果囑֦�下：

渐变效果源码下蝲地址�Q?br />

http://m.tkk7.com/Files/kdboy/ChartBar1.rar

3 �Q�多�U�颜色填充效�?/span>

说明�Q�对于同一序列的柱形只能��用相同填充颜�Ԍ��实现多种颜色填充�Q�只能��用不同数据序列。所以，假如你只有一�l�数据，那么可以使用�q�种效果来制作图表�?/font>

// 1、需讄��图表为叠加样式：Stacked设�ؓture �Q�否则所有系列将单列昄��Q�柱形图会变�l�）
C1WebChart1.ChartGroups.Group0.Stacked = true ;

首先�Q�需要设�|�图标�ؓ叠加样式�?/font>

// 2、类似饼图设�|�，为每条柱形图创徏序列
for ( int i = 0 ; i < dv.Count; i ++ )
{
       ChartDataSeries series = C1WebChart1.ChartGroups[ 0 ].ChartData.SeriesList.AddNewSeries();
        // 讄��序列长度�?�Q�即每条序列均只有一条数据）�Q�这点与饼图讄��相同
       series.PointData.Length = 1 ;
        // 讄��每个序列所在x轴位�|�，让每个序列独立显�C�。与饼图讄��Q�只有这点区别�?/span>
       series.X[ 0 ] = i;
        // 讄��数据序列的y�?/span>
       series.Y[ 0 ] = float .Parse(dv[i][ " value " ].ToString());
        // 讄��序列图例昄��文字�?/span>
       series.Label = dv[i][ " name " ].ToString();
}

其次�Q�需要将每条数据攄��在不同的数据序列中，该序列颜色系�l�会自动分配。也可以在这里设�|�每个序列的颜色�?/font>

效果囑֦�下：

多种颜色填充源码下蝲地址�Q?br />

http://m.tkk7.com/Files/kdboy/ChartBar2.rar

三�?/span> 柱�Ş囄�� 3D 效果

与饼囄�� 3D 效果相同�Q�只需增加一下代码即可：

// 讄��3D效果
C1WebChart1.ChartGroups[ 0 ].Use3D = true ;
// 3D囑�Ş的深�?/span>
C1WebChart1.ChartArea.PlotArea.View3D.Depth = 10 ;
// 以y轴作为参照的旋�{角度�Q�这里可以看到这个属性的效果�Q?/span>
C1WebChart1.ChartArea.PlotArea.View3D.Rotation = 20 ;
// 以x轴作为参照的倾斜角度
C1WebChart1.ChartArea.PlotArea.View3D.Elevation = 30 ;
// 讄��3D囑�Ş的阴影效果，默认是ColorDark(比前景色�?�Q�还可以指定为ColorLight(比前景色��?�Q�None(不指定，颜色深浅一�?
C1WebChart1.ChartArea.PlotArea.View3D.Shading = ShadingEnum.ColorDark;

效果囑֦�下：

源码略�?/font>

四�?/span> 其他�?/span>

对于柱�Ş囄��边线�Q�可以设�|?/span> ChartGroup �?/span> ShowOutline 属性来��止昄��。改变其颜色�Q�我也不知如何设�|��?/span>

代码如下�Q?br />

C1WebChart1.ChartGroups[ 0 ].ShowOutline = false ;

效果��是�q�样�Q?/font>

五�?/span> �l�束

关于 WebChart ��׃��l�到�q�里�Q�谢谢关注�?/span>

kdboy 2007-05-07 16:05 发表评论

ComponentOne WebChart的��?- 4�Q�饼图）

kdboy — Wed, 21 Mar 2007 14:03:00 GMT

�q�次演示饼图制作�Q�简单介�l�饼囄��样式效果�?/span> PlotArea 对象的一些属性�?/span>

一、生成饼�?br />

C1WebChart1.ChartGroups.Group0.ChartType = Chart2DTypeEnum.Pie;

讄��图表�c�d��?/font>

DataSet ds = GetDataSet();
DataView dv = new DataView(ds.Tables[ " sanguo " ]);
// 清除图表所有数据序�?/span>
C1WebChart1.ChartGroups[ 0 ].ChartData.SeriesList.Clear();

�q�里和折�U�图一栗��?/font>

for ( int i = 0 ; i < dv.Count; i ++ )
{
       ChartDataSeries series = C1WebChart1.ChartGroups[ 0 ].ChartData.SeriesList.AddNewSeries();
       series.PointData.Length = 1 ;
       series.Y[ 0 ] = float .Parse(dv[i][ " value " ].ToString());
}

为图表添加数据�?/font>

�q�里与折�U�图不同的是饼图只需讄��坐标轴的 Y 值即可，所有序列的相同索引的数据组合成一个饼图。这里将每一条数据放在一个新的数据序列里�Q��ƈ且每个序列都只有一个元素。这��P��所有数据就会呈现在一个饼图中。如图：

�q�个��是默认的饼图样式，是不是少点什么呢�Q?/font>

接下来，介绍样式的设�|��?/font>

二、饼图样式设�?/span>

1�Q?span style="FONT: 7pt 'Times New Roman'"> ��d��图例

C1WebChart1.Legend.Visible = true ;

讄�� Legend 对象�?/span> Visible 属性�ؓ true �Q�图例就会显�C�出来。这时图例的标签默认为序列的名称�?/span>

for ( int i = 0 ; i < dv.Count; i ++ )
{
ChartDataSeries series = C1WebChart1.ChartGroups[ 0 ].ChartData.SeriesList[i];
series.Label = dv[i][ " name " ].ToString();
}

讄��图例标签的显�C�内宏V��ؓ了代码简�z�也可以在添加数据的同时讄��?/span>

另外�Q�我们还可以使用 Legend 对象�Q�图例对象）讄��图例的显�C�样式。如�Q?br />

C1WebChart1.Legend.Compass = CompassEnum.West;

讄��图例昄��位置�?/font>

其他一些属性，例如 Orientation 讄��图例昄��方向�Q�以�U�向昄��或横向显�C�）�{�，不作详细介绍�Q�可自己��试使用�?/span>

2�Q?span style="FONT: 7pt 'Times New Roman'"> ��Z��让数据更加直观，可在饼图��d��标签

for ( int i = 0 ; i < dv.Count; i ++ )
{
       C1.Win.C1Chart.Label lbl = C1WebChart1.ChartLabels.LabelsCollection.AddNewLabel();
       lbl.Text = string .Format( " {0}% " , float .Parse(dv[i][ " value " ].ToString()));
       lbl.Compass = LabelCompassEnum.Radial;
       lbl.Offset = 20 ;
       lbl.Connected = true ;
       lbl.Visible = true ;
       lbl.AttachMethod = AttachMethodEnum.DataIndex;
       AttachMethodData am = lbl.AttachMethodData;
       am.GroupIndex   = 0 ;
       am.SeriesIndex = i;
       am.PointIndex   = 0 ;
}

首先�Q�实例化标签�q�设�|�标�{�ֆ�容及相关属性�?/font>

然后使用 AttachMethodData 对象讄��标签附加在图表中的位�|��?/span>

GroupIndex 是指图表索引。（�W�一��文章提到过 WebChart 默认支持 2 个图表）

SeriesIndex 是指序列索引�?/span>

PointIndex 是指序列中的元素索引�?/span>

讄��完成�Q�效果图如下�Q?/font>

三�?/span> 3D 效果的实�?/span> �?/span>

1 �Q�开�?/span> 3D 效果�?br />

C1WebChart1.ChartGroups[ 0 ].Use3D = true ;

�?/span> 3D 样式昄��Q�该步骤必须存在�?/span>

3�Q?span style="FONT: 7pt 'Times New Roman'"> 讄�� 3D 样式

// 3D囑�Ş的深�?/span>
C1WebChart1.ChartArea.PlotArea.View3D.Depth = 20 ;
// 以y轴作为参照的旋�{角度(只有x��_��q�个属性设�|�无�?
C1WebChart1.ChartArea.PlotArea.View3D.Rotation = 90 ;
// 以x轴作为参照的倾斜角度
C1WebChart1.ChartArea.PlotArea.View3D.Elevation = 30 ;
// 讄��3D囑�Ş的阴影效�?/span>
C1WebChart1.ChartArea.PlotArea.View3D.Shading = ShadingEnum.ColorDark;

3D 样式是��?/span> PlotArea 对象�?span lang="EN-US">View3D属性来讄��?/span>

主要��是以上四个属性的讄��?/font>

昄��效果如下�Q?/font>

四、补充概�?/span>

或许之前说到的各囑�Ş区域比较�Ҏ��h��Q�下面以囑�Ş介绍个图形区域：

灰色为整�?/span> WebChart 区域�Q�对应对象就�?/span> this.C1WebChart1 �?/span>

桔黄�?/span> 为图表区域，对应对象�?/span> this.C1WebChart1.ChartArea �?/span>

�l�色为绘囑֌��Q�对应对象�ؓ this.C1WebChart1.ChartArea.PlotArea �?/span>

�U�色为图表的上标题，对应对象�?/span> this.C1WebChart1.Header �?/span>

蓝色为图表的下标题，对应对象�?/span> this.C1WebChart1.Footer �?/span>

使用相关对象可以讄��个区域的样式效果。了解这些可以��用属性窗口快速设�|�一些简单样式�?/font>

五、结�?/strong>

我希望通过一些实例能够比较全面的介绍 WebChart 的主要对象的使用。在下一�ơ，会演�C�柱形图的制作。本�ơ实例的完整代码下蝲地址如下�Q?/span>

http://m.tkk7.com/Files/kdboy/ChartPie.rar

kdboy 2007-03-21 22:03 发表评论

ComponentOne WebChart的��?- 3�Q�折�U�图�Q?

kdboy — Wed, 07 Mar 2007 17:06:00 GMT

    本篇文章��演�C�如何��?/span> WebChart 制作折线图。�ƈ通过�C�Z��介绍数据对象一些相兛_��性以�?/span> ChartArea �?/span> Axis 的相兛_��性设�|�，�q�演�C�Z��?/span> WebChart 做交互式的设计�?br />    注：版本 ComponentOne.Studio.Enterprise.2006.v2
        环境 .NET Compact Framework 1.1

一、生成折�U�图

1) 获取 WebChart 的第一个图标，�q�设�|�其图表�c�d��为折�U�图

C1WebChart1.ChartGroups[ 0 ].ChartType = Chart2DTypeEnum.XYPlot;

2) 为图表添加数�?br />

DataSet ds = GetDataSet();

获取数据。这里可以根据自��q��业务需求，或自动生成或查询数据库，�q�回一�?/span> DataSet 对象�?/span>

DataView dv = new DataView(ds.Tables[ " sanguo " ]);
PointF[] data = (PointF[])Array.CreateInstance( typeof (PointF), dv.Count);
int i;
for (i = 0 ; i < data.Length; i ++ )
{
      float y = float .Parse(dv[i][ " value " ].ToString());
      data[i] = new PointF(i, y);
}

��数据封装在 PointF �c�d��的对象数�l�中。这里可以��用�Q何方式封装数据�?br />

// 清除图表所有数据序�?/span>
C1WebChart1.ChartGroups[ 0 ].ChartData.SeriesList.Clear();

// 创徏一个新的数据序列，�q�设�|�数�?/span>
ChartDataSeries series = C1WebChart1.ChartGroups[ 0 ].ChartData.SeriesList.AddNewSeries();

WebChart 默认会有 4 个数据序列，��Z��不让其他序列影响输出效果�Q�清除序列集合中的所有序列，�q�且创徏一个新的序列�?/span>

series.PointData.CopyDataIn(data);

��数据添加至新徏的数据序列中。这里��?/span> PointData 属性，同时�?/span> X �?/span> Y 坐标付倹{�?/span>

到这里，我们便可以运行程序，看到一个有我们的数据生成的一个默认样式的折线图。下面来介绍使用 ChartDataSeries 对象讄��囑�Ş的样式�?/span>

二、��?/span> ChartDataSeries 对象讄��折线图样�?/span>

关于 ChartDataSeries 对象�Q�之前已作了��单介�l�，�q�里直接以代码介�l�其部分属性�?br />

series.FitType = FitTypeEnum.Spline;

讄��折线为��^滑曲�Uѝ�?br />

series.LineStyle.Color = Color.Red;

讄��折线颜色为红艌Ӏ?/span>

LineStyle 的相兛_��性：

Pattern - 讄��折线的类�?/span> �Q�实心直�Uѝ��点�U�等�Q�，其��gؓ LinePatternEnum 枚�D�c�d��?/span>

Thickness �? 讄��折线厚度

series.SymbolStyle.Shape = SymbolShapeEnum.InvertedTri;
series.SymbolStyle.Color = Color.Blue;

讄��折线上数据点的符号�Ş状�ؓ倒三角，颜色��艌Ӏ?/span>

�q�可以通过 SymbolStyle 讄��W�号的大��，�W�号边线的颜色及厚度。可以自己尝试�?/span>

三、坐标��u的设�|?/span>

Axis ax = C1WebChart1.ChartArea.AxisX;

获取图表�?/span> X 坐标轴�?/span>

ax.AnnoMethod = AnnotationMethodEnum.ValueLabels;

讄��坐标轴刻度标�{�显�C�方式，�q�里使用 ValueLabels �Q�有用户来制定标�{�ֆ�宏V��默认�ؓ Values 模式�Q�有�pȝ��自动标注标签内容�?br />

for (i = 0 ; i < data.Length; i ++ )
{
      DataRowView drv = dv[i];
      ax.ValueLabels.Add(i, ( string )drv[ " name " ]);
}

讄��坐标轴刻度标�{�显�C�内宏V�?/span>

ax.ValueLabels.Add 的第一个参��Cؓ图表数据�?/span> x ��|��W�二个参��Cؓ对应昄��的标�{�文本�?/span>

ax.AnnotationRotation = - 60 ;

讄��d��标签的旋转角度�?/span>

对于标签内容�q�可以��用属�?/span> AnnoFormatString 来设�|�内容的格式�?/span>

ax.Text = " X 坐标轾b?/span> " ;

讄��坐标轴标题�?/span>

ax.Rotation = RotationEnum.Rotate90;

讄��坐标轴标题的旋�{角度。当坐标轴标题设�|�以后生效�?/span>

对于坐标轴标题，�q�可以设�|�它�?/span> 寚w��方式�Q��用属�?/span> Alignment �?/span>

ax.Max = data.Length - . 5 ;

讄��坐标轴的最大长�?/span>

相应的还�?/span> Min 属性设�|�坐标��u的最��长度， Origin 属�?/span> 讄��坐标轴原炏V��对应这些，�q�有 AutoMax �?/span> AutoMin �?/span> AutoOrigin �{?/span> bool �c�d��的属性，表示是否自动讄��?/span>

对于��d��值的也有�c�M��属性： UnitMajor �?/span> UnitMinor 讄��丅R��副��d��的单位长度。以及对应的 auto 属性等�?/span>

除此之外�Q�还有一些特�D�属性：

Reverse 属性：使坐标��u反�{�?/span>

ScrollBar 属性：为坐标��u��d��滚动条�?/span>

Visible 属性：可以隐藏坐标轴�?/span>

OnTop 属性：可以讄��坐标轴显�C�在图表上方�?/span>

�{�等�?/span>

在我们��?/span> .NET 开发环境中�Q�会有智能感知的相关提示�Q�对于对象属性的使用会简单得多。这里只介绍了主要的属性，其他属性可�Ҏ��需要自行尝试�?/span>

四、交互式设计

C1WebChart1.ImageAreas.GetByName( " ChartArea " ).href = " http://kdboy.spaces.live.com " temp_href = " http://kdboy.spaces.live.com " ;

为图表区域增加链接�?br />

C1WebChart1.ImageAreas.GetByName( " ChartData " ).Tooltip = " X={#XVAL}, Y={#YVAL:c} " ;

为折�U�上的数据点增加鼠标提示。（鼠标�U�至数据点的�W�号上，会提�C�Z��所讄��文本�Q?br />

C1WebChart1.ImageAreas.GetByName( " Footer " ).Attributes = " onclick=window.open('http://kdboy.spaces.live.com') " ;

为图表底部添加点��M��件�?/span>

五、补�?/span>

C1WebChart1.Footer.Text = " Web Chart Test! " ;
C1WebChart1.Footer.Visible = true ;

�q�里讄��图标下标题，�q�让图表 Footer 区域昄��在图表中�?/span>

对于 C1WebChart 的相兛_��性比较简单，不再一一演示�?/span>

六、结�?/span>

以上是折�U�图的部分代码，完整�C�Z��可以通过下面链接下蝲�?br />下蝲地址�Q?a href="/Files/kdboy/2DChartXYPlot.rar">http://m.tkk7.com/Files/kdboy/2DChartXYPlot.rar

附录�Q?/span>

效果�?br />

kdboy 2007-03-08 01:06 发表评论

久久夜色精品国产嚕嚕亚洲av,国产综合激情在线亚洲第一页 ,亚洲人成77777在线观看网

ComponentOne WebChart的���?- 5�Q�柱形图�Q?

ComponentOne WebChart的���?- 4�Q�饼图）

ComponentOne WebChart的���?- 3�Q�折�U�图�Q?

ComponentOne WebChart的��?- 5�Q�柱形图�Q?

ComponentOne WebChart的��?- 4�Q�饼图）

ComponentOne WebChart的��?- 3�Q�折�U�图�Q?