柱形图

使用场景

已有数据源，且需要通过柱形图显示数据时，您可以使用柱形图组件。

使用说明

• 柱形图类型支持基础柱状图、堆叠柱状图和分组柱状图。

• 图表绑定的数据源支持固定数据源和动态数据源。数据源类型需为List<Structure>，Structure为结构对象类型。List中的每个数据对应一个柱形。

  • 当数据源为固定值时，您可以单击编辑数据，在数据编辑对话框中设置数据源。

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

使用示例

• 基础柱状图

  • 数据源：

    [
      {
        "gender": "男性",
        "year": "2014年",
        "population": 72311
      },
      {
        "gender": "男性",
        "year": "2015年",
        "population": 72357
      },
    ]

  • 柱状图：

• 堆叠柱状图

  • 数据源：

    [
      {
        "gender": "男性",
        "year": "2014年",
        "population": 72311
      },
      {
        "gender": "男性",
        "year": "2015年",
        "population": 72357
      },
      {
        "gender": "女性",
        "year": "2014年",
        "population": 68949
      },
      {
        "gender": "女性",
        "year": "2015年",
        "population": 68855
      }
    ]

  • 柱状图：

• 分组柱状图

  • 数据源：

    [
      {
        "gender": "男性",
        "year": "2014年",
        "population": 72311
      },
      {
        "gender": "男性",
        "year": "2015年",
        "population": 72357
      },
      {
        "gender": "女性",
        "year": "2014年",
        "population": 68949
      },
      {
        "gender": "女性",
        "year": "2015年",
        "population": 68855
      },
    ]

  • 柱状图：