基于SVG实现的Chart组件
2009-04-02 08:24
267 查看
一用SVG实现的Chart组件介绍
以下3图是CHART组件的曲线、棒图、饼图形式。组件的Html容器由Extjs的EXT.Panel实现
下图是由Chart组件聚合而成的MutilChart组件
下图展示把Chart组件放置到网页中的形式
二简单说明
Chart组件应用范围很广
可以嵌入在电子表格等办公软件中,
可以嵌入在绘图软件中
也可以作为JavaBean以及WEB组件运行在JSP/ASP.NET后台。
上面是介绍我基于SVG实现的Chart组件,主要作为WEB客户端组件,运行在浏览器。这种实现形式类似于运行在WEB客户端的Applet/ActiveX控件,只从服务器端读取Chart的数据(主要以AJAX方式),渲染由SVG实现。
比之其他方式(PHP/JSP/ASP.NET的后台方式,只发送给客户端以图片文件),SVG实现的Chart组件可以“象JAVA等高级语言一样处理鼠标事件”,从而具有良好的交互性。如上面图片显示的用鼠标查看曲线数据。并且不同于Applet/ActiveX控件方式,SVG应用可(将)归于廋客户模式。
以下3图是CHART组件的曲线、棒图、饼图形式。组件的Html容器由Extjs的EXT.Panel实现
下图是由Chart组件聚合而成的MutilChart组件
下图展示把Chart组件放置到网页中的形式
二简单说明
Chart组件应用范围很广
可以嵌入在电子表格等办公软件中,
可以嵌入在绘图软件中
也可以作为JavaBean以及WEB组件运行在JSP/ASP.NET后台。
上面是介绍我基于SVG实现的Chart组件,主要作为WEB客户端组件,运行在浏览器。这种实现形式类似于运行在WEB客户端的Applet/ActiveX控件,只从服务器端读取Chart的数据(主要以AJAX方式),渲染由SVG实现。
比之其他方式(PHP/JSP/ASP.NET的后台方式,只发送给客户端以图片文件),SVG实现的Chart组件可以“象JAVA等高级语言一样处理鼠标事件”,从而具有良好的交互性。如上面图片显示的用鼠标查看曲线数据。并且不同于Applet/ActiveX控件方式,SVG应用可(将)归于廋客户模式。
相关文章推荐
- 基于vue2.0+vuex的日期选择组件功能实现
- vue2.0实现父子通信(基于之前我写的复选框组件)
- 基于ASP.NET MVC(C#)和Quartz.Net组件实现的定时执行任务调度
- Flex 实现LineChart曲线——动态加载组件
- java实现的计算器功能示例【基于swing组件】
- 基于MIDP实现Dialog组件
- 基于Asp.net、SVG技术的WebGIS研究与实现
- 基于SVG技术实现WebGIS的基本功能
- 用d3.js实现基于SVG的线形图
- 详解基于Vue2.0实现的移动端弹窗(Alert, Confirm, Toast)组件
- 基于vue实现分页/翻页组件paginator示例
- 基于 OSGi 服务模型实现组件之间松耦合通信
- 基于有限状态机的交互组件设计与实现
- 在VC 5.0中实现基于MFC的组件的本地化
- 基于OSGI的Cache组件的实现
- c#中异步基于消息通信的完成端口的TCP/IP协议的组件实现(源代码) 客户端
- 基于angular实现模拟微信小程序swiper组件
- 基于HTML5的EasyXDM组件实现浏览器兼容的跨域资源请求
- 实现基于通用数据访问组件的三层架构之实战篇
- 基于 IOCP 的通用异步 Windows Socket TCP 高性能服务端组件的设计与实现