ECharts & BizCharts & G2 对比

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了ECharts & BizCharts & G2 对比相关的知识,希望对你有一定的参考价值。

参考技术A 官网

与BizCharts不同,G2初始化数据并非以组件的形式引入,而是需要获取需要在某个DOM下初始化图表。获取该DOM的唯一属性id之后,通过chart()进行初始化。

DataSet 主要有两方面的功能,解析数据(Connector)&加工数据(Transform)。

ECharts是一个成熟的图表库, 使用方便、图表种类多、容易上手。文档资源也比较丰富,在此不做赘述。

对比BizCharts和G2两种图表库,BizCharts主要是进行了一层封装,使得图表可以以组件的形式进行调用,按需加载,使用起来更加方便。

对比以上3种图表,ECharts和BizCharts相对容易使用,尤其ECharts的配置非常清晰,BizCharts与其也有一定相似之处。BizCharts优势在于组件化的形式使得dom结构相对清晰,按需引用。G2比较适合需要大量图表交互时引用,其丰富的api处理交互逻辑相对更有优势。

参考链接

Echarts事件

Echart饼图、柱状图、折线图(pie、bar、line)添加点击事件
发布日期:2014年08月10日   来源:PHP1.CN     点击:250638
摘要:var myChart= echarts.init(document.getElementById('myChart'));            myChart.on('click', function (...
转载请注明来源:Echart饼图、柱状图、折线图(pie、bar、line)添加点击事件

var myChart= echarts.init(document.getElementById(‘myChart‘));         

  myChart.on(‘click‘, function (param) {
                       alert(‘点击了我!‘);

            });

Echart事件参数可以去config.js查找
转载请注明来源:Echart饼图、柱状图、折线图(pie、bar、line)添加点击事件
http://www.php1.cn/Content/Echart_BingTuZhuZhuangTuZheXianTu_-pie__bar__line-_TianJiaDianJiShiJian.html

以上是关于ECharts & BizCharts & G2 对比的主要内容,如果未能解决你的问题,请参考以下文章

三大图表库:ECharts BizCharts 和 G2,该如何选择?

数据可视化相关库说明

BizCharts 双坐标轴:

bizcharts分组柱状图

react使用bizcharts实现图表自适应问题

Webstorm+Webpack+echarts构建个性化定制的数据可视化图表&&两个echarts详细教程(柱状图,南丁格尔图)