漏斗图

更新时间:
复制为 MD 格式

使用场景

已有数据源,且需要通过漏斗图类型的图表显示数据时,您可以选择使用漏斗图组件。

使用说明

图表绑定的数据源支持固定数据源及动态数据源。数据源类型需为List<Structure>,Structure为结构对象类型。List中的每个数据对应着漏斗图中每个数据。

  • 当数据源为固定值时,您可以单击编辑数据,在数据编辑对话框中设置数据源。

  • 当数据源为动态值时,支持绑定List<Structure>类型的变量。

使用示例

漏斗图组件拖入编排页面画布中时,其数据源分为固定值动态值

  • 当数据源为固定值时,您可以参考以下示例添加或删除数据源。当数据源为 固定值 时,在右侧属性面板的数据设置区域选中 固定值,单击 编辑数据 按钮打开数据编辑弹窗,以 JSON 格式编辑图表数据。同时可配置 x轴字段(如 action)、y轴字段(如 pv)和 分组字段(如 quarter)分别对应数据中的字段名。

  • 当数据源为动态值时,需要绑定一个类型为List<Structure>的变量,其中Structure为组件中每项数据对应的类型。当数据源为动态值时,需在右侧属性面板的数据设置区域依次配置数据源x轴字段y轴字段分组字段四个下拉选择项,完成漏斗图的动态数据绑定。

漏斗图组件部署效果如下所述。漏斗图组件可展示多阶段转化数据。例如,交易漏斗包含浏览网站放入购物车生成订单下单支付五个阶段,每个阶段显示具体数量及与上一阶段的转化率(如放入购物车转化率 36%/45%),并支持多组数据(如 2022Q1 与 2022Q2)对比展示。