DIY图表组件
生成原始数据

通过拖拽、SQL、API三种模式统一提供【指标】【维度】作为查询条件,以及模式本身的查询能力输出查询【结果】

企点营销云_融合分析 FA(Fusion Analytics)_产品操作手册 V6.9_2024070557322.png

查询的结果主要包括:

1)原始数据集 - dataset

2)指标信息 - indexList

3)维度信息 - dimList

可以在图形编辑器区域的结果明细tab下查看生成的原始数据详情:

企点营销云_融合分析 FA(Fusion Analytics)_产品操作手册 V6.9_2024070557539.png


编辑代码生成Echarts图形

可以在图形编辑器区域的组件编辑tab下编辑代码生成所需的Echarts图形:

企点营销云_融合分析 FA(Fusion Analytics)_产品操作手册 V6.9_2024070557725.png


1. 变量注入

将生成的原始数据和Echarts对象注入到getOptions函数的参数中,getOptions函数内部可以直接通过变量名来访问原始数据(dataset,indexList,dimList)和Echarts对象。

2. 原始数据处理&&图形绘制

如何处理原始数据取决于你需要绘制什么图形以及绘制该图形所需要的数据格式,这里我们可参照Echarts官网实例的例子。这里主要可通过以下3步来完成数据的转换:

选择想要绘制的图形→了解该图形所需要的数据结构→将原始数据转换成选择图形所需的数据格式

 

举个例子:我们想绘制一个基础折线图

1)通过官网的例子我们基本了解了绘制折线图的数据结构,使用官网demo后生成的图形默认长这样:

企点营销云_融合分析 FA(Fusion Analytics)_产品操作手册 V6.9_2024070558323.png


2)将demo数据替换成我们生成的原始数据:

企点营销云_融合分析 FA(Fusion Analytics)_产品操作手册 V6.9_2024070558478.png


3)代码示例