论坛首页 Web前端技术论坛

WEB端的绘图方式 讨论最优

浏览 24306 次
精华帖 (0) :: 良好帖 (0) :: 新手帖 (0) :: 隐藏帖 (6)
作者 正文
   发表时间:2011-04-14   最后修改:2011-04-14
目前做了一个监控数据的网站,因为一直要与后台进行交互,即AJAX请求,
这样可能会一连几天都会停留在这个页面上,这个页面的主要需求或者业务(功能):
引用

  • 根据二进制流数据 绘制波形图
  • 根据传过来的一个度数在度盘中显示位置
  • 每秒显示AJAX请求数据
  • 一条数据解析完成刷新历史数据



引用

考虑在WEB端绘制图形和AJAX交互,绘图已知的几种方式
  • JQuery - 插件 HighCharts 图形漂亮,商用付费,与AJAX交互内存增长块  200KB/S
  • SVG - 基于XML的矢量位图,支持除IE外的大部分浏览器,谷歌,火狐等  待测
  • VML- 基于XML的矢量位图,支持IE5.0 以上的浏览器   20KB/S
  • 一直想自己封装SVG和VML 封装了一点感觉封装速度太慢,考虑不了太多
  • Raphael - 封装了SVG 和 VML的JS库,效果怎么样 内存怎么样 没用过
  • 还有一个JavaFX 不知道怎么样 没用过 提点意见
  • JavaChart 就算了吧,服务器端,压力大啊,而且用过 占用带宽啊,显示不流畅

还有其他的什么好用绘图插件,或者JS绘图方式,请回帖告知!
需要耗费内存较少,可持续时间长的方式、、 thank you、、

大家讨论下在客户端使用哪种绘制图形方式比较方便,图形美观,且内存增长缓慢,甚至不增长呢 (重点)
   发表时间:2011-04-14  
引用

现在用了SVG+VML,直接用IF判断 真悲剧、、
0 请登录后投票
   发表时间:2011-04-14   最后修改:2011-04-14
引用

   好吧 我又看到一个好用的WEB端技术,FLEX,以前看过,不知道跟JAvaFX 有木有区别,
Flex 是一个高效、免费的开放源框架,可用于构建具有表现力的 Web 应用程序
高效,不知道效率高不高,性能强不强 貌似不免费、、
不知道我要是一直刷新页面图形 Flex能否撑得住

 一般被认为可能是 Flex 替代品的是OpenLaszlo和AJAX技术。
好吧 看到这又迷茫了 度娘说了
OpenLaszlo 是一种富客户机应用程序架构,依赖 JavaScript 来表达逻辑,并提供了传统 Flash 开发方式无法比拟的一些优点,包括高级的 UI 约束系统、面向对象的设计方法学以及内置的对 Web 服务和各种风格的远程过程调用(Remote Procedure Call,RPC)的支持

谁知道呢 ,没用过看着他们都吹得很是牛逼啊,尝试吧,、、、
感觉如果用了 FLEX 就够我用了,只是不知道在性能到底是那个框架做的好了,询问一下各位大牛的意见、、
0 请登录后投票
   发表时间:2011-04-14  
Canvas+VML比较好,你的图表应该不算矢量图形(没有scale、rotate等要求),所以Canvas的绘图更有效率
至于不支持Canvas的IE低版本,要慢就慢吧……
0 请登录后投票
   发表时间:2011-04-14  
奥义之舞 写道
引用

   好吧 我又看到一个好用的WEB端技术,FLEX,以前看过,不知道跟JAvaFX 有木有区别,
Flex 是一个高效、免费的开放源框架,可用于构建具有表现力的 Web 应用程序
高效,不知道效率高不高,性能强不强
不知道我要是一直刷新页面图形 Flex能否撑得住

 一般被认为可能是 Flex 替代品的是OpenLaszlo和AJAX技术。
好吧 看到这又迷茫了 度娘说了
OpenLaszlo 是一种富客户机应用程序架构,依赖 JavaScript 来表达逻辑,并提供了传统 Flash 开发方式无法比拟的一些优点,包括高级的 UI 约束系统、面向对象的设计方法学以及内置的对 Web 服务和各种风格的远程过程调用(Remote Procedure Call,RPC)的支持

谁知道呢 ,没用过看着他们都吹得很是牛逼啊,尝试吧,、、、
感觉如果用了 FLEX 就够我用了,只是不知道在性能到底是那个框架做的好了,询问一下各位大牛的意见、、

另外,刚又看了 Flex采用的输出SWF格式的图像,不知道到时候结合AJAX时候 占用带宽多么,性能怎么样呢,速度快不
0 请登录后投票
   发表时间:2011-04-14  
int08h 写道
Canvas+VML比较好,你的图表应该不算矢量图形(没有scale、rotate等要求),所以Canvas的绘图更有效率
至于不支持Canvas的IE低版本,要慢就慢吧……

是没有这个要求,不过用不用性能差不了多少,这个又可以支持服务器交互,就用了呗,

另外canvas 支持 的浏览器都有啥啊,Ie几以上
0 请登录后投票
   发表时间:2011-04-14  
IE9,Firefox3.6+,Chrome,Opera和Safari都没有问题
0 请登录后投票
   发表时间:2011-04-15   最后修改:2011-04-15
excanvas(explorercanvas.googlecode.com),能在IE下模拟canvas,支持IE6

HighCharts以前就是用这个库来着(新版本好像没有用了?)
0 请登录后投票
   发表时间:2011-04-15  
Direct+googleCanvas或直接使用flex。两种方案都支持所有浏览器。效率也超高。
0 请登录后投票
   发表时间:2011-04-15  
Flex其实在前端的表现很不错的,我公司现在就用Flex做实时展示。至于你说的宽带倒是没有考虑过。
0 请登录后投票
论坛首页 Web前端技术版

跳转论坛:
Global site tag (gtag.js) - Google Analytics