更新时间:2024-09-14 GMT+08:00
分享

柱状图

柱状图是用柱子形状的图形表示数量的大小,用户可以直观查看每一类之间的数量差异。柱状图是由横轴和纵轴组成,横轴通常用来表示分类,纵轴用来表示每一类的数值。

在看板表单构建页面,从“图表组件”中拖拽“柱状图”组件至表单设计区域。如图1

图1 柱状图

属性

  • 图表名称:当前柱状图组件的名称。
  • 数据范围:设置柱状图中需展示的表单数据,通过选择单个表单或多个表单形成数据集。
  • 横轴设置:设置横轴参数。

    横轴字段:从数据集中选择横轴展示的字段。

  • 纵轴设置:设置纵轴参数。
    • 统计方式:分为统计记录总数和统计字段数值。
      • 统计记录总数:统计横轴每个值的记录数。
      • 统计字段数值:统计字段数值的汇总方式,包含总和、平均值、最大值和最小值。
    • 纵轴字段:选择需要统计数值的字段。当纵轴选择“统计字段数值”时,需设置“统计字段”属性。
  • 分组设置:用于根据横轴和纵轴展示组内每一类数值。
    • 分组字段:设置需要分组的字段。

    例如:如图2所示,横轴表示商品种类,纵轴表示数量,使用时间字段进行分组。每一种颜色的柱状图表示某个时间每一种商品的数量。

    图2 柱状图分组功能
  • 联动表格:从当前设计页面中选择和柱状图实现数据联动的表格。用户单击柱状图,表格中会显示对应的数据。

设置柱状图数据

通过数据集设置柱状图组件中需要展示的数据。

  1. 在看板“页面构建”页面,从左侧组件库拖拽“柱状图”组件至中间画布中。
  2. 选择柱状图组件需展示的数据集。

    在右侧属性“数据范围”处单击“选择数据源”,在“选择数据集”弹窗中选择数据集。具体操作请参见数据集

    图3 选择数据集

  3. 在右侧属性设置柱状图中横轴、纵轴、分组和联动表格。

相关文档