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

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

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

区别

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的区别

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。

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

【正版授权,激活自己账号】: Jetbrains全家桶Ide使用,1年售后保障,每天仅需1毛

【官方授权 正版激活】: 官方授权 正版激活 支持Jetbrains家族下所有IDE 使用个人JB账号...

(0)


相关推荐

  • Error: A JNI error has occurred, please check your installation and try again解决[通俗易懂]

    Error: A JNI error has occurred, please check your installation and try again解决[通俗易懂]为什么会出现这个问题?因为你的java-verion和javac-version版本不一致为什么两个版本不一致?因为你重复多次安装JDK,导致你的电脑上存在多个JDK版本,这样你运行java命令的时候就会出现这个错。怎么解决两个版本不一致问题?让你的java-verion和javac-version版本不致就可以了怎样保持一致?你要卸载掉旧的JDK,这样剩余的j…

  • linux下连接mysql数据库命令,linux连接mysql命令[通俗易懂]

    linux下连接mysql数据库命令,linux连接mysql命令[通俗易懂]linux连接mysql是最基本的操作之一,对于初学者来说我们可以通过命令来连接mysql,下面由学习啦小编为大家整理了linux下连接mysql命令的相关知识,希望对大家有所帮助!linux连接MYSQL命令格式:mysql-h主机地址-u用户名-p用户密码linux连接mysql命令实例1、连接到本机上的MYSQL找到mysql的安装目录,一般可以直接键入命令mysql-uroot…

  • node.js安装及环境变量配置

    node.js安装及环境变量配置前言本文详细讲解了node.js压缩包版安装配置过程,配置安装时间在十分钟左右。下载node.js下载并解压好node.js,本文下载的是v8.11.1windows64位版本。配置node与npm1.打开NodeJs文件目录,如下图:2.在NodeJs文件目录下建立”node_global“及”node_cache“两个文件夹3.启动…

  • centos7安装nginx1.16.1

    centos7安装nginx1.16.1centos7安装nginx1.16.1一.安装依赖库二.安装四.测试五.配置1.配置nginx为web容器2.配置nginx为代理服务器一.安装依赖库这里使用yum安装,如果是刚安装好的centos7,没有配置yum的话,点击此处yum-yinstallgccyum-yinstallpcrepcre-develyum-yinstallzlibzlib-develyum-yinstallopensslopenssl-devel二.安装wget下载ngin

  • PyCharm激活码永久有效PyCharm2018.1.4激活码教程-持续更新,一步到位

    PyCharm激活码永久有效PyCharm2018.1.4激活码教程-持续更新,一步到位PyCharm激活码永久有效2018.1.4激活码教程-Windows版永久激活-持续更新,Idea激活码2018.1.4成功激活

  • linux的vim撤销命令,[Linux] Vim 撤销 回退 操作「建议收藏」

    linux的vim撤销命令,[Linux] Vim 撤销 回退 操作「建议收藏」在vi中按u可以撤销一次操作u撤销上一步的操作Ctrl+r恢复上一步被撤销的操作注意:如果你输入“u”两次,你的文本恢复原样,那应该是你的Vim被配置在Vi兼容模式了。重做如果你撤销得太多,你可以输入CTRL-R(redo)回退前一个命令。换句话说,它撤销一个撤销。要看执行的例子,输入CTRL-R两次。字符A和它后面的空格就出现了:youngintelligentturtle有一个特殊…

发表回复

您的电子邮箱地址不会被公开。

关注全栈程序员社区公众号