首页
学习
活动
专区
圈层
工具
发布
社区首页 >专栏 >数据可视化工具d3与echarts的区别

数据可视化工具d3与echarts的区别

作者头像
全栈程序员站长
发布2022-08-04 19:07:17
发布2022-08-04 19:07:17
1.5K0
举报

大家好,又见面了,我是你们的朋友全栈君。

区别

D3

Echarts

太底层,学习成本大

封装好的方法直接调用

兼容到IE9以上以及所有的主流浏览器

兼容到IE6以及以上的所有主流浏览器

通过svg来绘制图形

通过canvas来绘制图形

可以自定义事件

封装好的,直接用,不能修改

svg

canvas

不依赖分辨率

依赖分辨率

基于xml绘制图形,可以操作dom

基于js绘制图形

支持事件处理器

不支持事件处理器

复杂度高,会减慢页面的渲染速度

能以png或者jpg的格式保存图片

使用场景

一般是根据计算数据量的大小来进行分析: 1)对于客户的需求要求的图表拥有大量的用户交互场景,用d3比较方便,因为d3中的svg画图支持事件处理器,是基于dom进行操作的。想要实现某个操作,直接调用相关的方法实现效果即可。 2)对于大量的数据展示并且对于用户交互场景没什么要求,就只是展示数据,建议使用echarts,如果使用d3展示的每一个数据都是一个标签,当数据发生改变时图表会重新渲染,会不停的操作dom。 3)兼容性方面:echarts兼容到IE6及以上的所有主流浏览器,d3兼容IE9及以上所有的主流浏览器。

参考 d3与echarts的区别

发布者:全栈程序员栈长,转载请注明出处:https://javaforall.cn/106474.html原文链接:https://javaforall.cn

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2022年4月2,如有侵权请联系 cloudcommunity@tencent.com 删除
目录
  • 区别
  • 使用场景
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档