WEB端的绘图方式 讨论最优

目前做了一个监控数据的网站，因为一直要与后台进行交互，即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 就算了吧，服务器端，压力大啊，而且用过 占用带宽啊，显示不流畅

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

大家讨论下在客户端使用哪种绘制图形方式比较方便，图形美观，且内存增长缓慢，甚至不增长呢 (重点)

评论

37 楼 lookdd1 2011-04-15  

那不是flex....就是简单的flash     你用了后你领导要是不夸你你来骂我。。。SVG,VML再画也搞不过flash的效果来的炫。。。。效率？你说什么效率？不需要神马狗屁socket。实时通信你就ajax定时轮询啊， 基于HTTP!!!  前端用Js重载flash的数据，它会重绘替图形。。。。  。。。没用过我和你推荐个鸟粪啊。 http://www.fusioncharts.com/


MD。。。我居然这么热心打这么多字。。。

36 楼 Eric.D.Chen 2011-04-15  

happysoul 写道

其实Flex成品已经有很多了~~ 见过的就有用flex做的股票界面
样式和大智慧之类的很相似！
除了第一次会等的比较无奈（带宽问题）之后就会非常快了！
他的传输区别于http 使用二进制流的通道方式传输数据
请求和返回的速度和带宽占用上都非常的小~

还2进制......，他的传输区别于http....你认为这是优点？你把这破玩意跟你现在用的框架整合一下，看看用起来有多别扭，目前像样的flex应用一个都没有，一些山寨的玩意就别说出来丢人了。看看现在哪个成熟的商业项目用它？JE的菜菜太菜了，不懂别瞎支招。

35 楼 Eric.D.Chen 2011-04-15  

Flex最好别用，弊端太多，等你后悔的时候就来不及了。效率谁说的高？你们自己测试过么？通信费事，效率低下，淘汰的东西就别考虑了，现在随便什么技术都比它强，你可以考虑用silverlight，前端表现王道。

34 楼 奥义之舞 2011-04-15  

lookdd1 写道

靠。。flash的成熟的chart组件一堆堆的。。你居然想自己画。。。。。。fusionchart  amchart ...这些都是商业的。。免费的也有 open chart  funsionchart免费版。。你要是不注意版权的话自己去整破解版。。

另外你说的这些是你真正使用过的，还是只是看了个页面就推荐了，，性能问题考虑过么，做一个网页，方方面面都要考虑啊，不是一冲动的事，已经换过几次， 这一次 就不想再动了

33 楼 奥义之舞 2011-04-15  

lookdd1 写道

靠。。flash的成熟的chart组件一堆堆的。。你居然想自己画。。。。。。fusionchart  amchart ...这些都是商业的。。免费的也有 open chart  funsionchart免费版。。你要是不注意版权的话自己去整破解版。。

其实 那个也不能叫自己画，也是使用的人家的语言，就是SVG+VML

也挺简单的，你可以看看，可以应付绝大多数浏览器

32 楼 奥义之舞 2011-04-15  

happysoul 写道

其实Flex成品已经有很多了~~ 见过的就有用flex做的股票界面
样式和大智慧之类的很相似！
除了第一次会等的比较无奈（带宽问题）之后就会非常快了！
他的传输区别于http 使用二进制流的通道方式传输数据
请求和返回的速度和带宽占用上都非常的小~

呵呵 再看一下 感觉也是 找了个Flex的例子，确实刚加载的时候有点慢，有时候 页面出来好大会，他也不一定能出来

31 楼 lookdd1 2011-04-15  

靠。。flash的成熟的chart组件一堆堆的。。你居然想自己画。。。。。。fusionchart  amchart ...这些都是商业的。。免费的也有 open chart  funsionchart免费版。。你要是不注意版权的话自己去整破解版。。

30 楼 happysoul 2011-04-15  

其实Flex成品已经有很多了~~ 见过的就有用flex做的股票界面
样式和大智慧之类的很相似！
除了第一次会等的比较无奈（带宽问题）之后就会非常快了！
他的传输区别于http 使用二进制流的通道方式传输数据
请求和返回的速度和带宽占用上都非常的小~

29 楼 奥义之舞 2011-04-15  

ppgunjack 写道

用yui吧，效果不错的，也支持图表喂数据ajax，以前用过没发现chart会内存泄漏

yu是什么东西啊 ，没听说过

28 楼 ppgunjack 2011-04-15  

用yui吧，效果不错的，也支持图表喂数据ajax，以前用过没发现chart会内存泄漏

27 楼 奥义之舞 2011-04-15  

引用

看来只有这几个实现方式了：
• 引用

  Raphael 可以通过JS方式，了解过SVG的都可以直接编写

• 引用

  Flex 有Adobe的大力支持，加载时候慢，编码方式实现

• 引用

  SVG+VML 自己编写，标签形式或者JS创建

26 楼 奥义之舞 2011-04-15  

shlei 写道

奥义之舞 写道

shlei 写道

Flex初始化加载有点慢，后面就比较快，至于你说的问题，可以先写个demo自己测一下。

对了 问一个问题 Flex商业化 要求上交版权税 什么的么

像faiinlove说的一样，水免费，盛水的容器收费。你可以下载个试用版，用完了，删了，OK。不牵扯版权。或者和大家一样，网上找key，在天朝，这和吃饭睡觉一样简单，也是大多数公司的办法。Flex有专门显示数据的显示组件，也可以重写组件，满足自己的要求。他有一个比较好的绑定机制，当你动态绑定的数据源改变时，显示数据的组件也会随即改变，刷新都免了。

OK 明白了 呵呵

25 楼 奥义之舞 2011-04-15  

faiinlove 写道

奥义之舞 写道

shlei 写道

Flex初始化加载有点慢，后面就比较快，至于你说的问题，可以先写个demo自己测一下。

对了 问一个问题 Flex商业化 要求上交版权税 什么的么

Flex最后生成的就是一个flash一样的swf文件，就像flash一样嵌入到html中的，支持socket，所以客户端轮询的开销就少了。这是免费的，但是就像微软的visual studio要收费，adobe的Flex/Flash builder也是收费的，不过你可以用记事本写，写好了用flex的编译器编译就生成了一个swf了。编译器是免费的。

好吧 到时候还得学socket 悲剧

24 楼 shlei 2011-04-15  

奥义之舞 写道

shlei 写道

Flex初始化加载有点慢，后面就比较快，至于你说的问题，可以先写个demo自己测一下。

对了 问一个问题 Flex商业化 要求上交版权税 什么的么

像faiinlove说的一样，水免费，盛水的容器收费。你可以下载个试用版，用完了，删了，OK。不牵扯版权。或者和大家一样，网上找key，在天朝，这和吃饭睡觉一样简单，也是大多数公司的办法。Flex有专门显示数据的显示组件，也可以重写组件，满足自己的要求。他有一个比较好的绑定机制，当你动态绑定的数据源改变时，显示数据的组件也会随即改变，刷新都免了。

23 楼 faiinlove 2011-04-15  

奥义之舞 写道

shlei 写道

Flex初始化加载有点慢，后面就比较快，至于你说的问题，可以先写个demo自己测一下。

对了 问一个问题 Flex商业化 要求上交版权税 什么的么

Flex最后生成的就是一个flash一样的swf文件，就像flash一样嵌入到html中的，支持socket，所以客户端轮询的开销就少了。这是免费的，但是就像微软的visual studio要收费，adobe的Flex/Flash builder也是收费的，不过你可以用记事本写，写好了用flex的编译器编译就生成了一个swf了。编译器是免费的。

22 楼 奥义之舞 2011-04-15  

EldonReturn 写道

建议你试试Dojo的GFX，支持IE，FF，Chrome，支持VML和SVG的自动切换。支持事件。

想知道 性能，第三方插件封装的东西 不靠谱， 不想来一个都测试一个啊，哥们有测试过么，如有，告诉一下，thank you 了


主要是实时方面的

21 楼 奥义之舞 2011-04-15  

shlei 写道

Flex初始化加载有点慢，后面就比较快，至于你说的问题，可以先写个demo自己测一下。

对了 问一个问题 Flex商业化 要求上交版权税 什么的么

20 楼 EldonReturn 2011-04-15  

建议你试试Dojo的GFX，支持IE，FF，Chrome，支持VML和SVG的自动切换。支持事件。

19 楼 奥义之舞 2011-04-15  

shlei 写道

Flex初始化加载有点慢，后面就比较快，至于你说的问题，可以先写个demo自己测一下。

是不是 需要环境啊 需要adobe 几 或者 什么 、

18 楼 shlei 2011-04-15  

Flex初始化加载有点慢，后面就比较快，至于你说的问题，可以先写个demo自己测一下。