继续创造并加速增长！这是我参加“掘金每日计划·六月挑战”的第一天，单击以查看活动的详细信息
公司项目的视觉图形库工具主要使用：
两个工具库有自己的优势
主要用于绘制知识图项目
它更多地用于统计图表。尽管D3在绘制海关中的图形方面具有明显的优势，但是就开发效率和功能而言，它更方便，快速且易于使用。
让我们谈谈封装的组件库
我们根据下面的UI草稿设计，以使用开发列图的组成部分，
VUE-ACHARTS-V3支持大多数Echarts配置项目和事件，这些项目和事件基本上符合大多数开发和使用
根据UI草稿，图形是水平柱图，梯度更改为阴影，有一个标题，右侧还有一个选择框，
您可以考虑选择框，以便始终在父组件中操作数据逻辑
2.1简介
2.2注册组件的列图所需的数据是通过道具传输的。相关的请求和处理均匀地放置在父组件中。
设计图中的所有图表都有一个统一的样式标题，因此我们还需要通过道具的标题
2.3组件
2.4数据ECHARTS库通常可以直接引入，在DOM上设置ID或REF，将DOM安装到已安装中，然后执行数据采集和图形绘图操作
如下：
在Vue-echarts-v3中，我们可以将选项放入计算的缓存中，并将选项放在
当数据更改时，将再次绘制Echarts图表
注意：列图的类型使用问题，
如果设置为栏，则根据官方文档没有项目风格相关的配置
2.5使用echarts绘制图表时，如果您需要使用渐变颜色，则应使用构建的echarts -in渐变发电机echarts.graphic.graphic.lineargradient
在系列配置中填写ItemStyle梯度相关代码
2.6柱状阴影在数据中获得最大值，并在每个列图的位置添加另一个支柱杆，但该支柱条低于上一个高度（最大宽度）
首先寻求最大值，获取最大值的数组
将以下代码添加到系列
iecharts组件有一个回调事件，
它是数据的索引值，您可以获取点击的数据值
1。
2. Echarts的社区示例网站似乎已停止。
3. vue-echarts- v3 https://github.com/xlsdg/vue-echarts-v3
原始：https：//juejin.cn/post/710147230520885261