EasyV可视化引擎5.3版已全面上线。 此次EasyV集成发布了ECharts组件。 使用想用的图表，制作想做的可视化效果。
01 About ECharts
ECharts是一个基于JavaScript的数据可视化图表库，提供直观、生动、交互式和可定制的数据可视化图表。 作为开源可视化图表库，ECharts提供了多种图表形式。
“开发人员对可视化产品的期望不仅仅是图表制作工具，还在交互性、性能和数据处理等方面有着更高的需求。 ”-- ECharts公式
EasyV ECharts为产品提供了更丰富的素材库，为用户提供了个性化选择，为开发人员节省了更多的代码编写时间，实现真正的低代码可视化效果。
02 With ECharts
基于ECharts组件的v1.0.0版。 当前版本引用的是v5.2.1版本的ECharts库
组件说明：
ECharts组件位于组件--第三方组件栏中。
ECharts是最广泛使用的开源图表库之一，EasyV集成了ECharts图表库，以提高产品开放性和扩展官方图表组件的能力。
以下，将“ECharts组件”简称为“EC组件”，区分“ECharts的组件”的概念。
EC组件本身是标准的EasyV组件，是可以在EasyV平台上运行ECharts图表库的容器。 可以将任何合法的ECharts代码写入组件配置项，同时继承EasyV官方组件配置访问数据和配置的交互。
效果演示：
这里是操作视频------
样式初始化：
在代码输入框中输入的代码本身是JavaScript代码环境，在输入框中输入的代码最终也作为函数调用。 函数必须返回一个ECharts实例。 通常通过调用echarts.init方法创建实例。 可以在此写入与初始化相关的操作。 此函数在配置项的函数之前执行。
函数的格式参数如下：
此函数本身是异步函数，通过返回Promise以实现异步操作来支持异步创建ECharts实例。 例如：
这里是代码插入--------
样式设置项目：
默认情况下，此设置中的注释是补充的，注释很长，以便您可以在全屏模式下查看编辑。
代码输入框中是JavaScript代码环境，输入框中的代码最终作为函数主体调用函数。 函数具有以下形式的参数：
代码必须将有效的ECharts配置对象分配给选项，以便组件将配置项传递给ECharts。
样式资源：
ECharts图表可能依赖于外部图像、json文件等资源。 通常，可以通过在“初始化”、“设置项”的代码输入框中调用接口来获取资源。 引用的资源接口必须与EasyV平台的网络环境相同，并且必须支持跨域。 EC组件还提供了在EasyV平台上上传资源并在代码中引用资源的方法。
ID )输入资源的唯一ID。 此ID可以获取资源的url，形式类似于上述RES资源对象所引用的RES.img。
文件：可以上传任何格式的文件资源，大小限制为150MB。
数据：
将EasyV组件的各种数据源映射到筛选器和字段的数据通过DATA变量用于“配置项”代码输入框中。
注：在面板中访问数据时，请检查所选电子图表所需的数据格式。
对话：
上述relative函数是RelativeFunction的类型，RelativeFunction的类型声明如下：
这里是代码--------
relative本身基于EasyV组件的props.onRelative函数封装，可以直接基于该函数开发回调(请参阅EasyV组件回调开发文档)。
以下为示例。
这里是代码-----
示例中描述了一种类型为“单击折线”的回调。 使用ECharts提供的事件接收方法，回调函数调用relative以确定将发送的数据写入out对象的类型。
视频号|@EasyV数字双胎可视化
知乎b站头条小红书(RED )|@EasyV数字双胎可视化
搜索“易知微官网”申请EasyV免费试用
yizhiweieasyv.all rights reserved