不过感觉太死板，不好看，但是问了一些前辈，他们都推荐的这个，直到后来我在度娘找到了下面这个文档改变了我对Echarts的看法。
2022.4.2
今天在使用MakePie发官方的服务器关闭了
，我去百度了一下，有网友备份了一份放在了自己的服务上，有需求的也可以自行百度一下，下面我放两个镜像地址 ，
镜像资源1
，
镜像资源2
2.MakeAPie
官方网址
（
官方服务器已关闭
）
这个应该是Echarts的社区吧，里面的图表都是基于Echarts的。五颜六色种类挺多的。
3.DataV
官方网址
这个是专门为大屏应运而生的组件库，里面的一些边框装饰也很好看，都是动态的装饰，看起来更加炫酷。（但是图表相对较少，我们可以插入echarts来使用）
组件库的开发和调试都使用Chrome浏览器，没有时间和精力做其他浏览器的兼容，尤其是IE。
所以请使用Chrome浏览器。
4.AntV
官方网址
蚂蚁集团的组件库，有专业的团队维护开发，图表也是比较全的。
G2
官方网址
G6
官方网址
5.highcharts
官方网址
描述：兼容IE6+，完美支持移动端，图表类型丰富，方便html5交互性图标库
最后我用的只有DataV和Echarts社区做了一个模板，来展示一下效果。
小伙伴们可以自己去尝试一下，如果有说的不对的地方欢迎指正！最后，点击我的头像可以查看更多前端内容。
开发人员很多时候需要使用
图表
来表现一些数据，而一张
图表
往往能够比几行密密麻麻的数字表格更能直观地展示数据内容。随着Web技术的发展，从传统只能依靠于flash、IE的vml，各个浏览器尚不统一的svg，到如今规范统一的canvas、svg为代表的html5技术，表现点、线、面要素的技术已经越来越规范成熟。...
Chart.js有两种不同的版本。常规版本的Chart.js和 Chart.min.js，附带chart.js
库
的同时还带着颜色解析器。如果你想使用这个版本并且在你的
图表
中使用时间轴，你需要在安装Chart.js之前安装上Moment.js。而另一个版本Chart.bundle.js 和Chart.bundle.min.js早就包含了Moment.js。你唯一需要注意的就是两个版本只能安装一个，否则会引起错误。
大屏
可视化
sketch数量素材是B端
可视化
设计师们最佳设计资源，它可以帮助设计师轻松地创建出丰富的设计元素，如图像，按钮，形状，文字，插图等。总之，
大屏
可视化
sketch素材为设计师们提供了丰富的设计元素，让设计师能够快速有效地完成复杂的设计任务，提高设计效率，节省设计时间，使设计师们更加有效地完成他们的工作。此外，
可视化
素材还可以让设计师们更容易地创建出复杂的设计元素，而不需要繁琐的设计过程，让设计师们更容易地实现复杂的设计效果。以下展示部分可视
图表
组件
sketc设计文件。
ECharts
支持的
图表
类型非常丰富，包括但不限于柱状图、折线图、饼图、散点图、雷达图、地图、热力图、树图、桑基图等多种。这个问题通常是因为在试图初始化
ECharts
实例的时候，对应的 DOM 元素还没有被渲染或不可见，导致
ECharts
无法找到这个元素。中执行代码可能会在 DOM 元素准备好之前尝试访问它们，因此你需要确保在 DOM 元素可用时初始化
ECharts
实例。在 Vue 3 中，你可以使用。注意：在使用组合式 API 时，通过 ref 创建的引用在模板中使用时不需要。
使用第三方animate.css类
库
实现动画前面我们已经学习了过渡类动画的六个过程和使用方式，还学会了给不同的transition定义不同的名称用以分别不同的动画。但是如果每一个动画都要自己写就会很浪费时间并且不易实现。因此我们可以借助第三方animate.css类
库
来实现一些特殊的动画。实例flag”>动画使用 :duration = "毫秒值" 来设置 入场 和 离场 时候的动画时长。
