基于SVG实现的Chart组件

一 用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应用可（将）归于廋客户模式。