柱状图(代码示例一个比较复杂的柱状图,运行效果轮廓在最下面显示)
（一）.配置
1.安装好ComponentOne软件.
2.建立一个WEB应用程序项目，名称为: 柱状图示例
3.将ComponentOne软件自带的控件集DLL文件(不一定全部，只把需要的一部分)拷贝到自己刚建的
项目TextChart的Bin目录下面 (这里要手动放的原因是ComponentOne有时会找不到Dll)
4.双击项目里任何一个*.aspx文件，打开设计界面。 打开工具栏，在工具栏空白处右击，选“添加/删除”
项,打开自定义控件窗口，在.net frame 组件选项卡下选择ComponentOne相应的组件，如果有清楚，
就将所有的C1开头的全部勾选，点“确定按钮". 则ComponentOne的控件就显示在工具箱里面了 :)
5. 到了这一步，就可以将ComponentOne控件像一般控件一样直接拖动使用了. 拖C1WebChart控件到
窗体页面上. 然后右击控件，选 "Chart wizard..."就可以为其设置显示的样式(饼图/柱状图/折线图等)和
属性了，用法跟一般控件差不多。(除了用设计器设置外，请看下面（二）
(二) . 代码部分 ((示例柱状图显示一个班级每个同学的：语文/数学/英语成绩))
1. 柱状图的命名空间及控件声明
using C1.Web.C1WebChart; //命名空间，必需加入,否则找不到里面的类和方法等
using C1.Web.C1WebChartBase;
using C1.Win.C1Chart;
protected C1.Web.C1WebChart.C1WebChart C1WebChart1; // 控件声明
2. 柱状图的主要属性
C1WebChart1.Header.Text="2005级计算机系五班成绩图表显示"; //图表头标题
C1WebChart1.Footer.Text="Chart 尾"; //图表尾文本
C1WebChart1.BackColor = Color.LightSteelBlue; //背景色
C1WebChart1.ImageFormat = System.Drawing.Imaging.ImageFormat.Png; //图像存储格式
C1WebChart1.ChartGroups.Group0.ChartType = Chart2DTypeEnum.Bar; //图表
// 类型,Chart2DTypeEnum枚举下有所有的图表样式，如饼图/柱状图等
C1WebChart1.Width=800; //图表区域宽度
3.柱状图的核心方法
private void GetBarChart(DataView dv) //其中dv是传递过来的数据视图，直接用数据集DataSet也是一样的
//dv中有三列: 语文 数学 英语
{
//生成三维数组点实例。存储每个同学语文/数学/英语三门课的成绩.
PointF[][] data = new PointF[3][];
for(int i =0;i < 3; i++)
{
data[i] = new PointF[dv.Count];
}
//语文成绩
for(int i = 0; i < dv.Count; i++)
{
float y = float.Parse((dv[i]["语文成绩"]).ToString());
data[0][i] = new PointF(i, y);
}
//数学成绩
for(int i = 0; i < dv.Count; i++)
{
float y = float.Parse((dv[i]["数学成绩"]).ToString());
data[1][i] = new PointF(i, y);
}
//英语成绩
for(int i = 0; i < dv.Count; i++)
{
float y = float.Parse((dv[i]["英语成绩"]).ToString());
data[2][i] = new PointF(i, y);
}
//绑定数据
for(int i=0; i < 3; i++) //如果是双条,则显示
{
ChartDataSeries series = C1WebChart1.ChartGroups[0].ChartData.SeriesList[i];
series.PointData.CopyDataIn(data[i]);// 这里的data是PointF类型
series.FitType = C1.Win.C1Chart.FitTypeEnum.Spline;
}
//lend，对三种颜色Bar块的描述
C1WebChart1.ChartGroups[0].ChartData.SeriesList[0].Label="语文成绩";
C1WebChart1.ChartGroups[0].ChartData.SeriesList[1].Label="数学成绩";
C1WebChart1.ChartGroups[0].ChartData.SeriesList[2].Label="英语成绩";
//在Bar中显示值
ChartDataSeriesCollection dscoll = C1WebChart1.ChartGroups[0].ChartData.SeriesList;
C1WebChart1.ChartLabels.LabelsCollection.Clear();
for(int i=0; i < dscoll.Count; i++)
{
ChartDataSeries series = dscoll[i];
for(int j = 0;j < dv.Count; j++)
{
//加标签,在Bar块上面显示分数
C1.Win.C1Chart.Label lbl = C1WebChart1.ChartLabels.LabelsCollection.AddNewLabel();
if(i == 0 && int.Parse(dv[j]["ProjectlastNum"].ToString()) != 0)
{
lbl.Text = string.Format("{0}",int.Parse(dv[j]["语文成绩"].ToString()));
}
if(i == 1 && int.Parse(dv[j]["ProjectNormalNum"].ToString()) != 0)
{
lbl.Text = string.Format("{0}",int.Parse(dv[j]["数学成绩"].ToString()));
}
if(i == 2 && int.Parse(dv[j]["ProjectBeyondNum"].ToString()) != 0)
{
lbl.Text = string.Format("{0}",int.Parse(dv[j]["英语成绩"].ToString()));
}
lbl.Compass = LabelCompassEnum.South;
//lbl.Style.BackColor = Color.Brown;
lbl.Style.ForeColor = Color.Blue;
lbl.Offset = 10;
lbl.Connected = false;
lbl.Visible = true;
lbl.AttachMethod = AttachMethodEnum.DataIndex;
AttachMethodData am = lbl.AttachMethodData;
// am.GroupIndex = 0; //0
// am.SeriesIndex = 0; //i
// am.PointIndex = j; //0
am.GroupIndex = 0; //0
am.SeriesIndex = i; //i
am.PointIndex = j; //0
}
}
//显示X轴标签
Axis ax = C1WebChart1.ChartArea.AxisX;
ax.ValueLabels.Clear();
ax.AnnoMethod = AnnotationMethodEnum.ValueLabels;
for(int i = 0; i < dv.Count; i++)
{
ax.ValueLabels.Add(i, dv[i]["ChiName"].ToString());
}
try
{
//ax.Max = Convert.ToSingle(intPeopleNum - .5);
}
catch {}
}
图像运行后轮廓图如下图所示，只不过显示出的真实图表并不是用* & 和 $表示的，是矩形块，并且有漂亮的颜色，
我之所以手动简要画出轮廓是为了让读者更容易理解上面的代码.
Y 2005级计算机系五班成绩
^
|
| *80 *76 *88
|
| &60 &96 $87
|
| $75 $86 $89
|---------------------------->X
张红 李四 张三
*语文 &数学 $英语
运行效果<类似>请看链接:
http://blog.csdn.net/ChengKing/archive/2005/11/15/529836.aspx