三大数据可视化工具(G2、Echarts、BizCharts)

文章来源:   作者:陈丽媛     发布时间:2022-04-28 05:18    浏览量:

一、工具介绍

1)echarts

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

2)G2

G2 是一套数据驱动、高交互的数据可视化图形语法,专注于强大的数据能力、丰富的视觉表现力和灵动的交互性,致力于用视觉语言讲述最精彩的数据故事。使用G2不仅可以轻松生成目前开源社区上绝大部分的 2D 统计图表,更可以令各类图形元素像乐高积木一样自由插拔、组合,应对千变万化的可视化需求。

3)bizcharts

BizCharts 是一个基于 G2 封装的 React 图表库,具有 G2、React 的全部优点,可以让用户以组件的形式组合出无数种图表;并且集成了大量的统计工具,支持多种坐标系绘制,交互定制,动画定制以及图形定制等等。相信 BizCharts 定能成为您的数据可视化项目的强力助手。

二、工具优缺点

1、Echarts

优点:

1、echarts.js容易使用

echarts.js的官方文档比较详细,而且官网中提供大量的使用示例供大家使用

2、echarts.js支持按需求打包

echarts.js官网提供了在线构建的工具,可以在线构建项目时,选择项目所需要使用到的模块,从而达到减小JS文件的体积

3、echarts.js开源

4、支持中国地图功能

缺点:

1、echarts.js的体积较大

一个基础的echarts.js都要400K左右,相对于D3.js和hightcharts.js来说都是比较大的

2、echarts.js的可定制性差

说到echarts.js的定制性差,其实不止是包括echarts.js,hightcharts.js也是如此,因为这一类型的数据可视化框架主要是高度的进行分装,所以你在使用的时候只需要设置一下配置就可以了,但是如果是出现了要绘制配置中不支持的图表怎么办,那么你就只能放弃,尝试着使用其他的框架了

2、G2

G2本身是一门图形语法,G2和传统的图表系统(HighCharts,ACharts等)不同,G2是一个基于统计分析的语义化数据可视化系统。它真正做到了让数据驱动图形,让你在使用它时候不用关心绘图细节,只需要知道你想通过它怎么展示你关心的数据。echarts更多的是配置options来显示图片,出发点不同。(g2也同样支持配置项声明)

3、BizCharts

BizCharts 是一个基于 G2 封装的 React 图表库,具有 G2、React 的全部优点,可以让用户以组件的形式组合出无数种图表;并且集成了大量的统计工具,支持多种坐标系绘制,交互定制,动画定制以及图形定制等等。相信 BizCharts 定能成为您的数据可视化项目的强力助手。

特性:基于 G2、React、健壮、稳定、强大的扩展能力、高自定义能力

总结

总体来说目前大部分vue项目会使用Echarts作为数据可视化工具。对于BizCharts而言他的组件化思想更符合React的开发理念,因此在React项目中会经常使用。BizCharts是基于G2进行封装的所有G2也适用于React项目,不过因为没有封装过,所有操作起来相比于Bizcharts而言要繁琐一些。


甘肃华科信息技术有限责任公司    版权所有    甘公网安备 62010202001329