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="Chart 头";               //图表头标题
          C1WebChart1.Footer.Text="Chart 尾";               //图表尾文本
          C1WebChart1.BackColor = Color.LightSteelBlue;     //背景色
          C1WebChart1.ImageFormat = System.Drawing.Imaging.ImageFormat.Png;  //图像存储格式         

           C1WebChart1.ChartGroups.Group0.ChartType = Chart2DTypeEnum.XYPlot;   //图表

                                                       // 类型,Chart2DTypeEnum枚举下有所有的图表样式，如饼图/柱状图等

                                                                                                                     
           C1WebChart1.Width=800;     //图表区域宽度

         3. 主要方法 ((示例折线图显示一个班级每个同学的：语文/数学/英语成绩))

            a .X轴标签(坐标)的方法，直接调用即可

               public void AddAxisX()
               {  
                       // label x axis with product names
                      Axis ax = C1WebChart1.ChartArea.AxisX;
                      ax.ValueLabels.Clear();  
                     ax.AnnoMethod = AnnotationMethodEnum.ValueLabels;
                     for(int i = 0; i < 100; i++)
                     {
                              //DataRowView drv = dv[i];
                             ax.ValueLabels.Add(i, (i+1).ToString());
                     }
                     try
                     {
                             ax.Max = 10 - .5;
                     }
                    catch {}  
                }
            b .Y轴标签(坐标)的方法，直接调用即可

                public void AddAxisY()
                { 
                      // label y axis with product names
                     Axis ay = C1WebChart1.ChartArea.AxisY;
                    ay.ValueLabels.Clear();  
                   ay.AnnoMethod = AnnotationMethodEnum.ValueLabels;
                    for(int i = 0; i < 10; i++)
                    {
                          //DataRowView drv = dv[i];
                         ay.ValueLabels.Add(i, (50*i).ToString());
                   }
                   try
                    {
                            ay.Max = 20 - .5;
                    }
                   catch {}  
                }

              c.画折线图的核心方法
                private void GetLine_Plot()   //方法中ds中存放了字段： 语文成绩/数学成绩/英语成绩/姓名 字段
  {  
   
   //折线图
   //清除现有的折线图
   ChartDataSeriesCollection dscoll = C1WebChart1.ChartGroups[0].ChartData.SeriesList;   
   dscoll.Clear();

   int intOperatersNum = ds.Tables[0].Rows.Count;
   PointF[][] data = new PointF[3][];
   
   for(int i =0;i < 3; i++)
   {
    data[i] = new PointF[intOperatersNum];
   }
   
   //语文成绩
   for(int i = 0; i < intOperatersNum; i++)
   {
    try
    {
     float y = float.Parse((ds.Tables[0].Rows[i]["语文成绩"]).ToString());
     data[0][i] = new PointF(i, y);    
    }
    catch
    {
     data[0][i] = new PointF(i, 0); 
    }
   }

   //数学成绩
   for(int i = 0; i < intOperatersNum; i++)
   {
    try
    {
     float y = float.Parse((ds.Tables[0].Rows[i]["数学成绩"]).ToString());
     data[1][i] = new PointF(i, y);    
    }
    catch
    {
     data[1][i] = new PointF(i, 0); 
    }
   }

   //英语成绩
   for(int i = 0; i < intOperatersNum; i++)
   {
    try
    {
     float y = float.Parse((ds.Tables[0].Rows[i]["英语成绩"]).ToString());
     data[2][i] = new PointF(i, y);    
    }
    catch
    {
     data[2][i] = new PointF(i, 0); 
    }
   }   
   
   for(int i=0; i < 3; i++)
   {    
    ChartDataSeries series = dscoll.AddNewSeries();
    series.PointData.Length = intOperatersNum;   
    
    series.PointData.CopyDataIn(data[i]);    
    series.LineStyle.Thickness = 1;   //厚度
   }
 
   C1WebChart1.ChartGroups[0].ChartData.SeriesList[0].Label = "语文成绩";
   C1WebChart1.ChartGroups[0].ChartData.SeriesList[1].Label = "数学成绩";
   C1WebChart1.ChartGroups[0].ChartData.SeriesList[2].Label = "英语成绩";

   C1WebChart1.ChartGroups[0].ChartData.SeriesList[0].LineStyle.Color = Color.Blue;
   C1WebChart1.ChartGroups[0].ChartData.SeriesList[1].LineStyle.Color = Color.Yellow;
   C1WebChart1.ChartGroups[0].ChartData.SeriesList[2].LineStyle.Color = Color.Red;

   //显示姓名
   Axis ax = C1WebChart1.ChartArea.AxisX;
   ax.ValueLabels.Clear();   
   ax.AnnoMethod = AnnotationMethodEnum.ValueLabels;
   
   for(int i = 0; i < intOperatersNum; i++)
   {    
    ax.ValueLabels.Add(i, ds.Tables[0].Rows[i]["姓名"].ToString());
   }
   try
   {
    //ax.Max = Convert.ToSingle(intPeopleNum - .5);
   }
   catch {}      
 }

运行效果《类似》请看链接:
http://blog.csdn.net/ChengKing/archive/2005/11/15/529852.aspx

         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

         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="Chart 头";               //图表头标题
          C1WebChart1.Footer.Text="Chart 尾";                 //图表尾文本
          C1WebChart1.BackColor = Color.LightSteelBlue;   //背景色
          C1WebChart1.ImageFormat = System.Drawing.Imaging.ImageFormat.Png;  //图像存储格式         

           C1WebChart1.ChartGroups.Group0.ChartType = Chart2DTypeEnum.Pie;   //图表

                                                       // 类型,Chart2DTypeEnum枚举下有所有的图表样式，如饼图/柱状图等                                                                                                         
           C1WebChart1.Width=800;     //图表区域宽度        

        3. 主要方法

            a .X轴标签(坐标)的方法，直接调用即可

               public void AddAxisX()
               {  
                       // label x axis with product names
                      Axis ax = C1WebChart1.ChartArea.AxisX;
                      ax.ValueLabels.Clear();  
                     ax.AnnoMethod = AnnotationMethodEnum.ValueLabels;
                     for(int i = 0; i < 100; i++)
                     {
                              //DataRowView drv = dv[i];
                             ax.ValueLabels.Add(i, (i+1).ToString());
                     }
                     try
                     {
                             ax.Max = 10 - .5;
                     }
                    catch {}  
                }
            b .Y轴标签(坐标)的方法，直接调用即可

                public void AddAxisY()
                { 
                      // label y axis with product names
                     Axis ay = C1WebChart1.ChartArea.AxisY;
                    ay.ValueLabels.Clear();  
                   ay.AnnoMethod = AnnotationMethodEnum.ValueLabels;
                    for(int i = 0; i < 10; i++)
                    {
                          //DataRowView drv = dv[i];
                         ay.ValueLabels.Add(i, (50*i).ToString());
                   }
                   try
                    {
                            ay.Max = 20 - .5;
                    }
                   catch {}  
                }

              c.画饼图的核心方法
                public void GetPieData()
                { 
                       C1WebChart1.Legend.Visible = true;  //图表区块注释.
                       this.AddAxisX();   //上面方法a
                       this.AddAxisY();   //上面方法b
  
                       //生成数据
                        PointF[] data = new PointF[10];
                        for (int i = 0; i < data.Length; i++)
                        {
                                float y = float.Parse((3*i+5).ToString());
                                data[i] = new PointF(i, y);
                        }   
  
                        //清除现有的饼图图像(在画新饼图之前先清空现有图像)
                       ChartDataSeriesCollection dscoll = C1WebChart2.ChartGroups[0].ChartData.SeriesList;  
                       dscoll.Clear();

                       //汇图,即将点数组交给控件，它会自己分配,并画出图形
                        ChartDataSeries series = C1WebChart1.ChartGroups[0].ChartData.SeriesList[0];
                       series.PointData.CopyDataIn(data);// 这里的data是PointF类型 
           
                        //给区块加标签
                        for(int i=0; i < data.Length; i++)
                       {
                               ChartDataSeries series = dscoll.AddNewSeries();
                               series.PointData.Length = 1;
                               series.Y[0] = data[i].Y;
                              series.Label="我是:"+(i+1).ToString();

                               //加标签
                               C1.Win.C1Chart.Label lbl = C1WebChart1.ChartLabels.LabelsCollection.AddNewLabel();
                               lbl.Text = string.Format("{0} ({1:c})","第:"+i.ToString()+"扇区", data[i].Y);
                               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;
                         }
                  }

显示效果《类似》请看链接:
 http://blog.csdn.net/ChengKing/archive/2005/11/15/529833.aspx        

         学了一段时间ComponentOne的图表，感觉ComponenOne图表控件还可以，图表样式也较丰富

  不过它的帮助全是英文的，而且有些地方写的比较粗糙，示例程序也不够详细. 我把它总结了一下.

（二）.使用方法        

        1.安装好ComponentOne软件.

         2.建立一个WEB应用程序项目，名称为: TextChart

         3.将ComponentOne软件自带的控件集DLL文件(不一定全部，只把需要的一部分)拷贝到自己刚建的

            项目TextChart的Bin目录下面 (这里要手动放的原因是ComponentOne有时会找不到Dll)  

         4.双击项目里任何一个*.aspx文件，打开设计界面。 打开工具栏，在工具栏空白处右击，选“添加/删除”

             项,打开自定义控件窗口，在.net frame 组件选项卡下选择ComponentOne相应的组件，如果有清楚，

             就将所有的C1开头的全部勾选，点“确定按钮".  则ComponentOne的控件就显示在工具箱里面了  :)

         5. 到了这一步，就可以将ComponentOne控件像一般控件一样直接拖动使用了. 拖C1WebChart控件到

            窗体页面上.  然后右击控件，选 "Chart wizard..."就可以为其设置显示的样式(饼图/柱状图/折线图等)和

            属性了，用法跟一般控件差不多。(如果感觉还是陌生的话，请看下面（三）,除了用设计器设置外，

           还可以代码用代码设置)

(三) . 代码设置

         1. 限于篇幅，只讲解主要的属性

         2.所有的图表样式原理差不多都一样的，这里只讲一下饼图的实现方法

          using C1.Web.C1WebChart;            //命名空间，必需加入,否则找不到里面的类和方法等
          using C1.Web.C1WebChartBase;
          using C1.Win.C1Chart;

           protected C1.Web.C1WebChart.C1WebChart C1WebChart1;   // 控件声明

         1)  <summary>主要属性</summary>

          C1WebChart1.Header.Text="Chart 头";               //图表头标题
          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;     //图表宽度

          2) <summary>主要方法</summary>

            a .X轴标签(坐标)的方法，直接调用即可

               public void AddAxisX()
               {  
                       // label x axis with product names
                      Axis ax = C1WebChart1.ChartArea.AxisX;
                      ax.ValueLabels.Clear();  
                     ax.AnnoMethod = AnnotationMethodEnum.ValueLabels;
                     for(int i = 0; i < 100; i++)
                     {
                              //DataRowView drv = dv[i];
                             ax.ValueLabels.Add(i, (i+1).ToString());
                     }
                     try
                     {
                             ax.Max = 10 - .5;
                     }
                    catch {}  
                }
            a .Y轴标签(坐标)的方法，直接调用即可

                public void AddAxisY()
                { 
                      // label y axis with product names
                     Axis ay = C1WebChart1.ChartArea.AxisY;
                    ay.ValueLabels.Clear();  
                   ay.AnnoMethod = AnnotationMethodEnum.ValueLabels;
                    for(int i = 0; i < 10; i++)
                    {
                          //DataRowView drv = dv[i];
                         ay.ValueLabels.Add(i, (50*i).ToString());
                   }
                   try
                    {
                            ay.Max = 20 - .5;
                    }
                   catch {}  
                }

              c.画图表的方法
                public void GetPieData()
                {  
                       C1WebChart1.Legend.Visible = true;  //图表区块注释.
                       this.AddAxisX();   //上面方法a
                       this.AddAxisY();   //上面方法b
   
                       //生成数据
                        PointF[] data = new PointF[10];
                        for (int i = 0; i < data.Length; i++)
                        {
                                float y = float.Parse((3*i+5).ToString());
                                data[i] = new PointF(i, y);
                        }    
   
                        //清除现有的饼图
                       ChartDataSeriesCollection dscoll = C1WebChart2.ChartGroups[0].ChartData.SeriesList;   
                       dscoll.Clear();

                       //汇图,即将点数组交给控件，它会自己分配,并画出图形
                        ChartDataSeries series = C1WebChart1.ChartGroups[0].ChartData.SeriesList[0];
                       series.PointData.CopyDataIn(data);// 这里的data是PointF类型  
           
                        //给区块加标签
                        for(int i=0; i < data.Length; i++)
                       {
                               ChartDataSeries series = dscoll.AddNewSeries();
                               series.PointData.Length = 1;
                               series.Y[0] = data[i].Y;
                              series.Label="我是:"+(i+1).ToString();

                               //加标签
                               C1.Win.C1Chart.Label lbl = C1WebChart1.ChartLabels.LabelsCollection.AddNewLabel();
                               lbl.Text = string.Format("{0} ({1:c})","第:"+i.ToString()+"扇区", data[i].Y);
                               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;
                         }
                  } 

不对的地方请批评指正！