折线图

更新时间:
复制 MD 格式

使用场景

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

使用说明

  • 折线图支持单折线图多折线图单折线图中仅包含一条折线,无需配置数据源设置中的分组字段多折线图中支持包含多条折线,需配置数据源设置中的分组字段,并依靠分组字段完成对不同折线的区分。

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

    • 当数据源为固定值时,您可以在代码中输入对应的固定数据。

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

使用示例

折线图组件拖入编排页面画布中时,默认设置为多折线图,示例数据为今年人口统计数量,通过分组中的gender(性别)字段实现两条折线的区分。在低代码平台中配置折线图组件:将折线图类型设置为多折线图数据来源选择固定值并单击编辑数据录入数据,将x轴字段设置为yeary轴字段设置为population分组字段设置为gender图表标题输入中国近年人口统计图图表宽度设置为400。配置完成后,画布区域将按性别分组展示男性与女性的多折线人口统计图。

下图为年度销售额折线图绑定动态数据源,annualSalesAmountList<Structure>类型的变量。选定Structure内部的两个字段(x轴字段、y轴字段)后,您可在运行态看到单折线图的效果。通过配置动态数据源的方法,可以使图表根据所选年份进行动态变更显示。将折线图类型从默认的多折线图切换为单折线图,数据来源选择动态值,数据源设置为 annualSalesAmount,x轴字段选择 month,y轴字段选择 salesAmount,图表标题设为年度销售额,宽度设为 400,高度设为 300。数据源 annualSalesAmount 的数据结构为 List<MonthSalesAmount>,包含两个字段:month(类型为 String,表示月份)和 salesAmount(类型为 Double,表示销售额)。1