优好科技

千万数据的前端展现通过增量渲染技术(4.0+),配合各种细致的优化

简介: 千万数据的前端展现通过增量渲染技术(4.0+),配合各种细致的优化,ECharts 能够展现千万级的数据量,并且在这个数据量级依然能够进行流畅的缩放平移等交互。

今天一下午在中关村创业大街,听了工程师对ECharts4.0的介绍和对开发者怎么做好数据可视化等一些方法和技巧,我就直接来干货了。

ECharts,一个使用 JaScript 实现的开源可视化库,可以流畅的运行在 PC 和移动设备上,兼容当前绝大部分浏览器(IE8/9/10/11,Chrome,Firefox,Safari等),底层依赖轻量级的矢量图形库 ZRender,直观,交互丰富,可高度个性化定制的数据可视化图表。

丰富的可视化类型ECharts 了常规的折线图、柱状图、散点图、饼图、K线图,用于统计的盒形图,用于地理数据可视化的地图、热力图、线图,用于关系数据可视化的关系图、treemap、旭日图,多维数据可视化的平行坐标,还有用于 BI 的漏斗图,仪表盘,并且支持图与图之间的混搭。

多种数据格式无需转换直接使用ECharts 内置的 dataset 属性(4.0+)支持直接传入包括二维表,key-value 等多种格式的数据源,通过简单的设置 encode 属性就可以完成从数据到图形的映射,这种方式更符合可视化的直觉,省去了大部分场景下数据转换的步骤,而且多个组件能够共享一份数据而不用克隆。

千万数据的前端展现通过增量渲染技术(4.0+),配合各种细致的优化,ECharts 能够展现千万级的数据量,并且在这个数据量级依然能够进行流畅的缩放平移等交互。

移动端优化ECharts 针对移动端交互做了细致的优化,例如移动端小屏上适于用手指在坐标系中进行缩放、平移。

VML 可以兼容低版本 IE,SVG 使得移动端不再为内存担忧,Canvas 可以轻松应对大数据量和特效的展现。

不同的渲染方式了更多选择,使得 ECharts 在各种场景下都有更好的表现。

“总览为先,缩放过滤按需查看细节”是数据可视化交互的基本需求。

多维度数据分析数据自由刷选自由选择数据,发掘数据背后的更多多图表联动查看对多个图表数据联动查看,进行多维有效分析。

一个自媒体人盖继东的分享,希望对你有所启发,对你有所帮助,是我最大的价值…


以上是文章"

千万数据的前端展现通过增量渲染技术(4.0+),配合各种细致的优化

"的内容,欢迎阅读优好科技的其它文章