漏斗图

更新时间:
复制为 MD 格式

使用场景

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

使用说明

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

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

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

使用示例

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

  • 当数据源为固定值时,您可以参考以下示例添加或删除数据源。示例数据格式为 JSON 数组,每条数据包含 action(操作名称)、pv(页面访问量)和 quarter(季度)三个字段。右侧属性面板中,将X轴字段设置为 action,Y轴字段设置为 pv,分组字段设置为 quarter。

  • 当数据源为动态值时,需要绑定一个类型为List<Structure>的变量,其中Structure为组件中每项数据对应的类型。右侧属性面板中,通过下拉列表分别选择数据源X轴字段Y轴字段分组字段对应的变量。

漏斗图组件部署效果:部署后的应用页面数据看板区域展示了交易漏斗图表,包含浏览网站、放入购物车、生成订单、支付订单、完成交易各阶段的数据及转化率,支持按季度分组对比。