- 1、本文档共25页,可阅读全部内容。
- 2、原创力文档(book118)网站文档一经付费(服务费),不意味着购买了该文档的版权,仅供个人/单位学习、研究之用,不得用于商业用途,未经授权,严禁复制、发行、汇编、翻译或者网络传播等,侵权必究。
- 3、本站所有内容均由合作方或网友上传,本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺!文档内容仅供研究参考,付费前请自行鉴别。如您付费,意味着您自己接受本站规则且自行承担风险,本站不退款、不进行额外附加服务;查看《如何避免下载的几个坑》。如果您已付费下载过本站文档,您可以点击 这里二次下载。
- 4、如文档侵犯商业秘密、侵犯著作权、侵犯人身权等,请点击“版权申诉”(推荐),也可以打举报电话:400-050-0827(电话支持时间:9:00-18:30)。
查看更多
WebChart的使用
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? = ;// 设置图标数据区域的Tooltip(在折线图中,将鼠标移至数据点的符号上会看到效果) C1WebChart1.ImageAreas.GetByName( ChartData ).Tooltip? = ? X={#XVAL},?Y={#YVAL:c} ;// 注:#XVAL为x坐标轴值,#YVAL为y坐标轴值。类似关键字可在帮助中查找。// 添加鼠标点击事件 C1WebChart1.ImageAreas.GetByName( ChartArea ).Attributes? = ? onclick=window.open() ;
5 WebChart 添加数据 应用程序图表数据大多来自外部数据库,也可
您可能关注的文档
- 深入掌握SQL章节十一.ppt
- vsphere常见问题汇总.docx
- 第九章 集合类框架.doc
- 触发器、锁存器和寄存器实验.doc
- 鲁迅的文章要不要从中学课本里删除.doc
- 第五章、固定资产.doc
- 英黄传媒申请高管事项.doc
- ch11 数据完整性.ppt
- CATIA_V5__绘制草图.ppt
- 第2章 数据建模理论.ppt
- 3.2 参与民主生活(教学设计)九年级道德与法治上册同步高效课堂(统编版).docx
- 闽教版八年级上册信息技术 活动二 图像处理的基本操作(第2课时) 教学设计.docx
- (双师课堂)统编版语文七年级下册 揣摩词与句 品味情与意 教学设计.docx
- 小学数学三年级上册人教版:万以内的加法和减法(二)——解决问题-教学设计.docx
- 小学体育与健康 通用版 坐位体前屈 教案.docx
- 06.光感世界-教案.docx
- 22.3人的性别决定 教学设计2023--2024学年苏教版生物八年级下册.docx
- 第3章 项目化学习2 运动和力2023-2024学年七年级下册科学同步教学设计(浙教版).docx
- Unit 5 Celebrations 第2课时 Reading and Writing 教学设计2024-2025学年高一英语各单元教学设计(高教版2023修订版·基础模块1).docx
- 第1课时 条形统计图(教案)-2024-2025学年四年级上册数学人教版.docx
文档评论(0)