现在传统的前端数据可视化解决方案大都选择 Canvas 或者 SVG 作为绘图接口,我们在前端可视化库 ECharts 中选择了 Canvas 作为底层的绘图接口,ECharts 目前在 GitHub 上拥有 16k 的star ,其拥有丰富绚丽的可视化效果,深度全面的交互操作,以及对大数据量稳定高效的展现等特性,是 GitHub 上以及国内最热门的开源前端可视化库之一,能够实现这些特性主要得益于 Canvas 的强大能力以及我们基于 Canvas 封装的二维图形库 ZRender 对图形操作的便捷性。 但是随着可视化形式的拓展,Canvas 在某些展现方式上也显得力不从心,例如: 用Canvas 绘制几十万的图形依然有压力; 各种三维数据的展现需求,以及大屏需要的一些酷炫的三维效果; 用 JS 计算布局存在的性能瓶颈,需要通过一些新的思路去有进一步的提升。 本次分享主要介绍我们是如何在现在的 ECharts 中集成 WebGL 去解决这些问题的,内容包括: ECharts 目前架构的介绍; 用 WebGL 绘制地球,三维的散点图,Surface 等三维图表; 用 WebGL 加速散点图等常见二维图表的绘制; 以及利用 GPGPU 进行一些布局运算的性能优化。
浏览4586次
浏览11464次
浏览2966次
浏览1364次
浏览794次
浏览1607次
2025-06-20 深圳
2025-04-19 南京
2025-08-15 上海
2025-10-23 上海
打开微信扫一扫,分享到朋友圈