技术开发 频道

ComponentOne之WebChart用法

    【IT168 技术文档】(一). 写本文章目的:    

     学了一段时间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轴标签(坐标)的方法,直接调用即可

0
相关文章