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

全栈程序员-站长 • 2022年4月23日上午8:00 • 未分类 • 阅读 268

数据可视化工具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的区别

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

发布者：全栈程序员-站长，转载请注明出处：https://javaforall.net/106474.html原文链接：https://javaforall.net

赞 (0)

全栈程序员-站长

0 0

mac视频录制工具推荐[通俗易懂]

mac视频录制工具推荐[通俗易懂]AVAideScreenRecorderforMac是一款mac视频录制工具，可帮助用户可以选择录制整个屏幕或自定义区域，支持声音的同步录制，以1080p等高清质量以高达60fps的速度录制屏幕活动、视频和游戏。它可以让您以无损质量处理所有屏幕录制任务，包括Zoom会议、视频通话、文件、在线课程等。除了屏幕捕获之外，我们的屏幕录像机还可以作为一个令人难以置信的音频和声音和录音机，将您的录音提升到一个新的水平。任何希望为音乐制作、音频笔记或其他任何东西创建专业品质音频的人都可

全栈程序员-站长
2022年6月17日
37
Python 数组截取

Python 数组截取#数据源names=[‘a’,’b’,’c’,’d’,’e’,’f’]#正常获取print(names[1])#b#截取print(names[0:3])#[‘a’,’b’,’c’]print(names[3:10])#[‘d’,’e’,’f’]#截取：从指定开始直接到指定结尾print(names[3:])#[‘d’,’e’,’f’]print(names[:3])#[‘a’,’b’,’c’]#倒着切print(na

全栈程序员-站长
2022年6月10日
73
Java编程的逻辑 (4) – 整数的二进制表示与位运算

Java编程的逻辑 (4) – 整数的二进制表示与位运算

全栈程序员-站长
2021年9月14日
41
PHP变量

PHP变量

全栈程序员-站长
2021年9月17日
65
leetcode 最长有效括号_字符指针赋值为什么不能加大括号

leetcode 最长有效括号_字符指针赋值为什么不能加大括号给你一个只包含 ‘(’ 和 ‘)’ 的字符串，找出最长有效（格式正确且连续）括号子串的长度。示例 1：输入：s = “(()”输出：2解释：最长有效括号子串是 “()”示例 2：输入：s = “)()())”输出：4解释：最长有效括号子串是 “()()”示例 3：输入：s = “”输出：0题解括号匹配：(看作+1，)看作-1，所有满足条件的括号应该是前缀和>=0，并且总和==0class Solution {public: const int INF =

全栈程序员-站长
2022年8月8日
5
mongo启动报错：api-ms-win-crt-runtime-l1-1-0.dll 丢失

mongo启动报错：api-ms-win-crt-runtime-l1-1-0.dll 丢失mongo启动报错：api-ms-win-crt-runtime-l1-1-0.dll 丢失

全栈程序员-站长
2022年4月25日
37

发表回复

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