浏览 3931 次
|
锁定老帖子 主题：基于JS渲染的图表如何自动在后台保存
精华帖 (0) :: 良好帖 (0) :: 新手帖 (0) :: 隐藏帖 (0)
|
|
|---|---|
| 作者 | 正文 |
|
发表时间：2015-04-09
基于javascript库的HTML统计图表，优点：丰富的第三方开源库，图形美观、种类齐全、灵活、编程简洁。
一般应用方式：前端HTML显示，需要打开浏览器加载、渲染。 画图和保存分离了，原来可能画图都是java做的，现在图是HTML画的，网页展示还保留。 但是增加一个后台（比如JAVA、Perl等）定时保存功能 example.html <html> <head> <script>......jquery./第三方js库......</script> <css>.............</css> <script> //渲染方式通常是 var mychart=chartObj.init("divid",'themestyle'); //保存图片方式也很简单， 初始化后的变量getDataURL("jpeg")可以获得BASE64编码的字符串 //将该字符串输出为图片即可，此处不赘述。 var myChartData=mychart.getDataURL("jpeg"); </script> </head> </html> 尝试的方案： 1.有人点击的图表，渲染完成后在js加一段代码，异步生成一张图。 不适合规模应用，耦合，影响网页正常的访问速度，而且更多的情况是该图表不会有人点，或点的时间不是需要保存的时刻。 2.java HtmlUnit 模拟浏览器终端行为 HtmlPage page = (HtmlPage) webClient.getPage(url); HtmlAnchor obj=(HtmlAnchor) page.getElementById("btnSaveImage"); obj.click(); 问题1：性能差。它每次会分析html所有引入js，失败率高 TypeError: Cannot find function click in object [object]. (http://127.0.0.1:8082/echarts/huanan/nos/adsl/asset/jquery.min.js#4) 问题2：似乎不能模拟网页完全渲染以后再调用某个js function org.mozilla.javascript.EcmaError: TypeError: Cannot call method "getDataURL" of undefined 声明：ITeye文章版权属于作者，受法律保护。没有作者书面许可不得转载。
推荐链接
|
| 返回顶楼 | |
|
发表时间：2015-04-10
最后修改：2015-04-10
mark。。。。
|
| 返回顶楼 | |
|
发表时间：2015-04-13
mark mark
|
| 返回顶楼 | |
