折线图

使用场景

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

使用说明

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

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

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

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

使用示例

折线图组件拖入编排页面画布中时,默认设置为多折线图,示例数据为今年人口统计数量,通过分组中的gender(性别)字段实现两条折线的区分。image

下图为年度销售额折线图绑定动态数据源,annualSalesAmount为List<Structure>类型的变量。选定Structure内部的两个字段(x轴字段、y轴字段)后,您可在运行态看到单折线图的效果。通过配置动态数据源的方法,可以使图表根据所选年份进行动态变更显示。image11