现在的位置: 首页 > 综合 > 正文

ComponentOne WebChart的使用

2013年10月13日 ⁄ 综合 ⁄ 共 1200字 ⁄ 字号 评论关闭
ComponentOne WebChart的使用 - 5(柱形图)

系列最后一章,柱形图的制作 。

?

一、 生成柱形图
C1WebChart1.ChartGroups.Group0.ChartType? = ?Chart2DTypeEnum.Bar;

设置图表类型。

?

对于数据源的添加和其他图表相同,这里就不再说明。

?

二、 柱形图的样式设计

1 )填充色的改变
ChartDataSeries?series1? = ??C1WebChart1.ChartGroups[ 0 ].ChartData.SeriesList.AddNewSeries();
series1.FillStyle.Color1? = ?Color.Red;

获取了 ChartDataSeries 对象之后,设置 FillStayle 的 Color1 属性即会改变柱形的填充色。

?

2 )渐变色彩的实现
// 1、设置图表颜色填充方式为渐变方式:设置FillType?为Gradient(默认为SolidColor方式,单一色填充)
series1.FillStyle.FillType? = FillTypeEnum.Gradient;
// 2、设置渐变效果的样式:设置GradientStyle为GradientStyleEnum的枚举值,这里设置为垂直渐变
series1.FillStyle.GradientStyle? = ?GradientStyleEnum.Horizontal;
// 3、设置渐变颜色:Color1为图表默认颜色,如果使用默认方式填充,图标颜色将为Color的颜色。
series1.FillStyle.Color1? = ?Color.BurlyWood;
// Color2为渐变色彩(使用Gradient或Hatch方式填充图表颜色需设置Color2)。
series1.FillStyle.Color2? = ?Color.Red;

渐变效果需要设置 FillType 为 Gradient 类型,并且必须设置 Color2 属性。

?

渐变效果图如下:

渐变效果源码下载地址:

http://www.blogjava.net/Files/kdboy/ChartBar1.rar ?
?

3 )多种颜色填充效果

说明:对于同一序列的柱形只能使用相同填充颜色,实现多种颜色填充,只能使用不同数据序列。所以,假如你只有一组数据,那么可以使用这种效果来制作图表。

?
// 1、需设置图表为叠加样式:Stacked设为ture?(否则所有系列将单列显示,柱形图会变细)
C1WebChart1.ChartGroups.Group0.Stacked? = ? true ;

首先,需要设置图标为叠加样式。

?
// 2、类似饼图设置,为每条柱形图创建序列
for ( int ?i = 0 ;?i?

抱歉!评论已关闭.