条形图

使用场景

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

使用说明

  • 条形图类型支持基础条形图堆叠条形图分组条形图

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

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

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

使用示例

  • 基础条形图

    1. 数据源 :

      [
        {
          "gender": "男性",
          "year": "2014年",
          "population": 72311
        },
        {
          "gender": "男性",
          "year": "2015年",
          "population": 72357
        }
      ]
    2. 条形图:image

  • 堆叠条形图

    1. 数据源:

      [
        {
          "gender": "男性",
          "year": "2014年",
          "population": 72311
        },
        {
          "gender": "男性",
          "year": "2015年",
          "population": 72357
        },
        {
          "gender": "女性",
          "year": "2014年",
          "population": 68949
        },
        {
          "gender": "女性",
          "year": "2015年",
          "population": 68855
        }
      ]
    2. 条形图:image

  • 分组条形图

    1. 数据源:

      [
        {
          "gender": "男性",
          "year": "2014年",
          "population": 72311
        },
        {
          "gender": "男性",
          "year": "2015年",
          "population": 72357
        },
        {
          "gender": "女性",
          "year": "2014年",
          "population": 68949
        },
        {
          "gender": "女性",
          "year": "2015年",
          "population": 68855
        }
      ]
    2. 条形图:image