使用场景
已有数据源,且需要通过折线图类型的图表进行数据显示时,您可以选择使用折线图组件。
使用说明
折线图支持单折线图和多折线图,单折线图中仅包含一条折线,无需配置数据源设置中的分组字段;多折线图中支持包含多条折线,需配置数据源设置中的分组字段,并依靠分组字段完成对不同折线的区分。
图表绑定的数据源支持固定数据源和动态数据源。数据源类型需为List<Structure>,Structure为结构对象类型。List中的每个数据对应着折线图中每个数据点。
当数据源为固定值时,您可以在代码中输入对应的固定数据。
当数据源为动态值时,支持绑定List<Structure>类型的变量。
使用示例
将折线图组件拖入编排页面画布中时,默认设置为多折线图,示例数据为今年人口统计数量,通过分组中的gender(性别)字段实现两条折线的区分。在低代码平台中配置折线图组件:将折线图类型设置为多折线图,数据来源选择固定值并单击编辑数据录入数据,将x轴字段设置为year,y轴字段设置为population,分组字段设置为gender,图表标题输入中国近年人口统计图,图表宽度设置为400。配置完成后,画布区域将按性别分组展示男性与女性的多折线人口统计图。
下图为年度销售额折线图绑定动态数据源,annualSalesAmount为List<Structure>类型的变量。选定Structure内部的两个字段(x轴字段、y轴字段)后,您可在运行态看到单折线图的效果。通过配置动态数据源的方法,可以使图表根据所选年份进行动态变更显示。将折线图类型从默认的多折线图切换为单折线图,数据来源选择动态值,数据源设置为 annualSalesAmount,x轴字段选择 month,y轴字段选择 salesAmount,图表标题设为年度销售额,宽度设为 400,高度设为 300。数据源 annualSalesAmount 的数据结构为 List<MonthSalesAmount>,包含两个字段:month(类型为 String,表示月份)和 salesAmount(类型为 Double,表示销售额)。