折线图

使用场景

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

使用说明

• 折线图支持单折线图和多折线图，单折线图中仅包含一条折线，无需配置数据源设置中的分组字段；多折线图中支持包含多条折线，需配置数据源设置中的分组字段，并依靠分组字段完成对不同折线的区分。
• 图表绑定的数据源支持固定数据源和动态数据源。数据源类型需为List<Structure>，Structure为结构对象类型。List中的每个数据对应着折线图中每个数据点。
  • 当数据源为固定值时，您可以在代码中输入对应的固定数据。
  • 当数据源为动态值时，支持绑定List<Structure>类型的变量。

使用示例

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

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