使用场景
已有数据源,且需要通过漏斗图类型的图表显示数据时,您可以选择使用漏斗图组件。
使用说明
图表绑定的数据源支持固定数据源及动态数据源。数据源类型需为List<Structure>,Structure为结构对象类型。List中的每个数据对应着漏斗图中每个数据。
-
当数据源为固定值时,您可以单击编辑数据,在数据编辑对话框中设置数据源。
-
当数据源为动态值时,支持绑定List<Structure>类型的变量。
使用示例
将漏斗图组件拖入编排页面画布中时,其数据源分为固定值和动态值
-
当数据源为固定值时,您可以参考以下示例添加或删除数据源。示例数据格式为 JSON 数组,每条数据包含 action(操作名称)、pv(页面访问量)和 quarter(季度)三个字段。右侧属性面板中,将X轴字段设置为 action,Y轴字段设置为 pv,分组字段设置为 quarter。
-
当数据源为动态值时,需要绑定一个类型为List<Structure>的变量,其中Structure为组件中每项数据对应的类型。右侧属性面板中,通过下拉列表分别选择数据源、X轴字段、Y轴字段和分组字段对应的变量。
漏斗图组件部署效果:部署后的应用页面数据看板区域展示了交易漏斗图表,包含浏览网站、放入购物车、生成订单、支付订单、完成交易各阶段的数据及转化率,支持按季度分组对比。
该文章对您有帮助吗?