33 lines
1.4 KiB
Markdown
33 lines
1.4 KiB
Markdown
|
## Echarts + WebSocket实现图片生成
|
|||
|
|
|
|||
|
|
大致的过程是这样
|
|||
|
|
|
|||
|
|
对于每一种图表类型，开放一个数据请求接口，通过POST请求接受图表数据，然后push到客户端去，
|
|||
|
|
客户端接受到请求后渲染echarts图表，并且会将BASE64格式图片数据再次提交给另外一个图片保存接口进行实际的保存。
|
|||
|
|
|
|||
|
|
对于需要生成图片形式的客户端，先打开一个浏览器连上服务器，另外写一个HTTPClient程序通过POST调用图片保存接口即可。
|
|||
|
|
|
|||
|
|
## 使用案例
|
|||
|
|
|
|||
|
|
使用JMH做微基准测试的时候，通常需要可视化显示测试结果，这时候可将文本形式的测试结果上传，自动生成非常漂亮的性能测试报告图表。
|
|||
|
|
|
|||
|
|
其他想要可视化数据保存图片的场景，都可以这样实现。
|
|||
|
|
|
|||
|
|
## 改进方案
|
|||
|
|
|
|||
|
|
通过配合PhantomJS来实现无浏览器的自动图片生成。
|
|||
|
|
|
|||
|
|
经过测试PhantomJS打开页面后可以连上socket服务器，但是10秒后自动关闭了。
|
|||
|
|
|
|||
|
|
尝试采用页面js轮询方式，1秒轮询一次，有数据的时候就导出图片。
|
|||
|
|
|
|||
|
|
结果导出图片太大了，不知道怎么回事，另外轮询方案始终不是很好。
|
|||
|
|
|
|||
|
|
最后还是老老实实使用websocket方案，自己手动打开这个网页吧。<http://localhost:9075/>
|
|||
|
|
|
|||
|
|
## 许可证
|
|||
|
|
|
|||
|
|
Copyright (c) 2018 Xiong Neng
|
|||
|
|
|
|||
|
|
基于 MIT 协议发布: <http://www.opensource.org/licenses/MIT>
|