`
kdboy
  • 浏览: 761586 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

ComponentOne WebChart的使用 - 1(概述)

阅读更多
ComponentOne Studio Enterprise 是最大最全面的组件工具集,能够支持 Windows 、 Web 和移动程序所有层面的开发。本人目前只使用其 WebChart 组件,现整理分享之。

一、 WebChart 介绍
    ComponentOne WebChart for .NET 是一种强大、通用并且使用方便的图表生成工具。程序员能使用 WebChart 创建完全面向功能,用户交互式图表。应用其广泛的特性和多样的图表类型能准确的显示复杂的数据集合并创建用户友好,专业级的图表应用程序。
    WebChart 包含:
      2D 图表控件,可以以柱状图, X-Y 坐标图,面积图,饼图,雷达图,极坐标图以及组合图表形式显示数据。
      3D 图表控件,可以创建 3D 表面图,轮廓图和柱状图,可让用户方便地进行旋转,比例缩放或交互式缩放。
   这里只对 2D 图表控件作简单介绍。

二、安装
   安装时可以选择是否将 C1WebChart 组件添加到 GAC 中。
   另外,对于未注册版生成的图表会出现 ComponentOne 的印章,功能没有限制。

三、使用
1 、创建 .Net Web 应用程序,并将 WebChart 添加至 .Net 工具箱
    打开工具箱,点击右键选择“添加移除项”,选择“ C1WebChart ”。如果安装时未将 C1WebChart 添加到 GAC 中,可以将安装目录下的 dll 组件 copy 至 Web 应用 bin 目录下,然后添加。

2 、将 WebChart 添加到应用程序中

    在工具栏添加以后,将其拖拽至页面中。这是会出现一个默认的 WebChart 。
    但是运行程序的话,还需要在 Web.config 文件的 <system.web> 标签中添加以下内容:
 < httpHandlers > 
     < add  verb ="*"  path ="c1chartimage.aspx"  type ="C1.Web.C1WebChart.ImageHttpHandler,C1.Web.C1WebChart" /> 
 </ httpHandlers > 

    该标签可以通过右键点击页面中的 WebChar 控件,选择“ HttpHandler string to clipboard (tagged) ”,直接 copy 至系统剪贴板中。
    注:该标签表示使用内置 httpHandlers 转换图表图像。对于 Chart Image 的生成,有时间会另外介绍。
    完成以上步骤,就可以运行应用程序看到一个使用默认样式以及随机数据生成的图表。

3 、 WebChart 配置
    WebChart 提供了可视化的设计器,并且号称不使用任何代码完成数据绑定的图表。现在只对设计器的使用作简单介绍。
    右键点击页面上的 WebChat ,选择“ Chart Wizard ”,可以按照步骤设置 WebChar 图表的类型,简单属性,以及绑定的数据序列。
    另外,还可以使用“ Chart properties ”设置图表类型以及其他的一些属性,并且可以随时看到图表效果,清晰明了。
    当然了,你还可以在 .Net 的属性窗口中看到 WebChart 的所有属性,如果对 WebChart 比较熟悉,在这里设置也是很方便的。

4 、 WebChar 交互式设计
    你可以为生成的图表添加动态的 tooltip 、 link 以及客户端脚本。图表的所有部件都包含在 ImageAreas 集合中,你可以通过属性窗口编辑 ImageAreas 集合,也可以添加相应相应代码实现该功能。 例:
 // 设置图表区域的链接 
 C1WebChart1.ImageAreas.GetByName( " ChartArea " ).HRef  = " http://www.sina.com.cn " ;

 // 设置图标数据区域的Tooltip(在折线图中,将鼠标移至数据点的符号上会看到效果) 
 C1WebChart1.ImageAreas.GetByName( " ChartData " ).Tooltip  =   " X={#XVAL}, Y={#YVAL:c} " ;
 // 注:#XVAL为x坐标轴值,#YVAL为y坐标轴值。类似关键字可在帮助中查找。

 // 添加鼠标点击事件 
 C1WebChart1.ImageAreas.GetByName( " ChartArea " ).Attributes  =   " onclick=window.open('url.com') " ; 

5 、为 WebChart 添加数据
    应用程序图表数据大多来自外部数据库,也可以在程序中生成动态数据,但是无论使用哪种方式,都必须将数据添加至 WebChart 的 ChartDataSeries 中。简单示例如下:
private   void  Page_Load( object  sender, EventArgs e)
  {
     //  get dataset (from db or cache) 
     DataSet ds  =  GetDataSet();
     //  create an array of data points 
     PointF[] data  =   new  PointF[dv.Count]
     for  ( int  i  =   0 ; i  <  data.Length; i ++ )
      {
         float  y  =   float .Parse(dv[i][ " ProductSales " ].ToString());
        data[i]  =   new  PointF(i, y);
    } 
     //  populate chart data points 
     ChartDataSeries series  =    _c1webChart.ChartGroups[ 0 ].ChartData.SeriesList[ 0 ];
    series.PointData.CopyDataIn(data);
} 


四、结束   
    以上为 WebChart 的简单使用,主要介绍了如何使用设计器创建图表。接下来将会以实例介绍如何使用 WebChart 创建折线图、饼图、柱形图,以及如何使用代码实现各种图表效果。
分享到:
评论

相关推荐

    ComponentOne WebChart-独立于浏览器的Web server应用程序

    ComponentOne WebChart 8.0内置了ComponentOne Chart 8.0技术,因此您可以创建ComponentOne Chart 8.0中包括的所有丰富图表和图象。这样,您可以将这些图表作为JPEG或PNG文件应用于任何浏览器。也可以将这些图表或...

    VB.NET ComponentOne WebChart的使用

    以下将详细介绍如何使用ComponentOne WebChart进行图表的创建和配置。 1. **WebChart的基本使用** 首先,你需要在VB.NET项目中引入ComponentOne的WebChart控件。这通常通过Visual Studio的工具箱完成,或者手动在...

    ComponentOne 2012 V2 Doc-To-Help Enterprise 2012 v2 2/3

    ComponentOne 2012 V2 Doc-To-Help Enterprise 2012 v2 文件名称:DocToHelp2012-2-Build723.msi 共三个压缩分卷,请全部下载后解压 Use Doc-To-Help’s XML-based editor, Microsoft® Word, or ...

    ComponentOne Studio 2010 V3 -- Keygen

    在描述中提到的"Keygen"是指一个密钥生成器,它可能被用于生成ComponentOne Studio 2010 V3的激活码或序列号,以便在未经授权的情况下使用软件。 然而,这种行为违反了软件授权协议,可能导致法律问题。合法地使用...

    vue-web-component-wrapper:将Vue组件包装为Web组件自定义元素

    @ vue / web-component-wrapper 包装并将Vue组件注册为自定义元素。兼容性。 不支持IE11及以下版本。 如果定位本机支持ES2015但不支持本机Web组件的浏览器: 您还将需要 。 有关和支持,请访问caniuse.com。 使用...

    ComponentOne Doc-To-Help—用于生成各种完美文档的专业控

    ComponentOne Doc-To-Help 6.5重新设计了“万项归一”的界面,指间移动之间便可拥有使用众多功能,而无须到大量的对话框中一一索取。 完全的Windows XP 和Office XP支持 快速地构建 无需重新购建整个项目,只需...

    ComponentOne Doc-To-Help 2009 零售版

    ComponentOne Doc-To-Help 2009 零售版 注册码 KeyGen

    webchart报表

    ComponentOne WebChart for ASP.NET 为ASP.NET设计一个功能强大的、万能的便于使用的图表生成工具,开发者能够使用ComponentOne WebChart for ASP.NET创建完整的客户端图表应用程序,除此之外,还可以用不同的图表...

    ComponentOne Doc-To-Help 2008破解补丁

    ComponentOne Doc-To-Help 2008破解补丁

    ComponentOne Studio for WinJS - Beta

    ComponentOne Charts for WinJS supports all popular 2D chart types, flexible data binding, run-time interaction, rich styling elements, and many more advanced features. Take your Windows Store apps to...

    ComponentOne 2012 V2 Doc-To-Help Enterprise 2012 v2 1/3

    ComponentOne 2012 V2 Doc-To-Help Enterprise 2012 v2 文件名称:DocToHelp2012-2-Build723.msi 共三个压缩分卷,请全部下载后解压 Use Doc-To-Help’s XML-based editor, Microsoft® Word, or ...

    ComponentOne Enterprise Studio --应用广泛的开发控件集

    摘要 ComponentOne Studio组件包含了三个独立的ComponentOne Studio订阅版,涵盖了30种控件。这个订阅版包括了最新发布的.NET (Windows Forms), ASP.NET (Web Forms)以及ActiveX组件,最新发布信息,最新升级信息...

    ComponentOne 2012 V2 Doc-To-Help Enterprise 2012 v2 3/3

    ComponentOne 2012 V2 Doc-To-Help Enterprise 2012 v2 文件名称:DocToHelp2012-2-Build723.msi 共三个压缩分卷,请全部下载后解压 Use Doc-To-Help’s XML-based editor, Microsoft® Word, or ...

    ComponentOne Studio For ActiveX 2010 Vol1 cracked

    ComponentOne WebChart (包括表单) 为动态服务器页(ASP)创建独立于浏览器的动态表单。 True WebChart是一个企业图表工具,允许您开发图表或图形,并作为JPEG或PNG文件应用于任何浏览器。 你还可以将表单用作...

    ComponentOne-20Studio-202007-20For-20ASP.Net-202.0

    ComponentOne Studio 2020 July for ASP.NET 2.0 是一款强大的Web开发工具集,专注于提升ASP.NET 2.0平台上的应用程序开发效率和性能。ComponentOne是 GrapeCity 公司的一个产品线,该公司在开发工具领域具有深厚的...

    ComponentOne WinForms Chart产品手册

    ### ComponentOne WinForms Chart产品手册知识点总结 #### 一、安装与配置 ##### 1.1 安装ChartforWinForms **1.1.1 ChartforWinForms安装文件** - **获取方式**:通常可以通过ComponentOne官方网站或者授权合作...

    web-component-user-card-源码.rar

    本篇文章将围绕"web-component-user-card-源码.rar"这个主题,详细解析一个名为"web-component-user-card"的Web组件,它用于创建用户卡片,帮助开发者快速构建用户信息展示模块。 首先,我们需要理解Web组件的核心...

    3dsmax-component-security-tools-1.1.0-55.msi

    The 3ds Max Security Tools provides immunity against CRP, ADSL, ALC and ALC2 3rd party scripts, and is the most effective way to detect and remove them from 3ds Max startup scripts and scene files

    componentone注册码

    #### 一、ComponentOne简介 ComponentOne是一家专注于为.NET开发者提供高质量控件的软件公司。其产品线覆盖了WinForms、WPF、ASP.NET Web Forms、ASP.NET MVC、UWP等多个.NET平台。这些控件不仅功能强大、性能卓越...

    ComponentOne Chart3D for WPF 中文帮助文档

    WPF和Silverlight版 Chart3D提供独有功能:曲面图图表类型,显示图例,设置旋转角度和仰角,Floors 和Ceilings,显示二维投影,创建自定义坐标轴注释

Global site tag (gtag.js) - Google Analytics