1. 概述

1.1 功能概述

柱状图作为数据可视化领域的关键工具，凭借柱子高度直观呈现数据大小，助力用户迅速洞察不同类别数据间的差异，广泛应用于各行业数据对比分析场景。在Wyn中，为满足多样化的数据分析需求，提供了以下三种柱状图类型：

• 柱状图：最基本的柱状图，每个柱子独立显示，主要用于比较不同类别的数据大小。例如在电商销售分析中，通过它可快速对比不同商品的月销量，让商家明确畅销与滞销商品。

• 堆叠柱状图：将多个数据系列的柱子进行堆叠，每个柱子的总高度表示数据的总和，而柱子内部的不同颜色则表示不同系列在总和中所占的比例。以企业成本分析为例，可展示人力、原材料、运营等各项成本在总成本中的占比及变化趋势，助于管理者精准把控成本结构。

• 百分比堆叠柱状图：与堆叠柱状图类似，但柱子的高度均表示为100%，柱子内部各部分以百分比的形式展示其在整体中所占的比例。在市场份额分析中，能清晰呈现各品牌在市场中的相对地位及份额变化，为企业制定市场策略提供有力依据。

1.2 应用场景

本文将指导您在Wyn中创建和使用柱状图。以下是几个典型的应用场景：

销售数据分析：比较不同地区的销售额，识别销售高峰和低谷。

库存管理：分析各类产品的库存周转率，优化库存管理。

用户行为分析：观察每日用户活跃数，分析用户行为趋势。

以销售数据可视化分析为例，通过降序排列的柱状图展示不同销售大区的订单金额，用户可以直观地看出各销售大区业绩的高低差异，助力销售团队快速定位优势与不足，制定针对性策略。通过柱状图，用户可以快速识别数据中的关键趋势和差异，从而做出更明智的决策。

2. 操作步骤

2.1 前提条件

1. 数据已成功接入Wyn并完成数据准备。

   本文以 WynDemoDataV3.xlsx为例，且以缓存数据集作为演示数据来源。

   
   

2.2 操作步骤

步骤一：打开仪表板设计器，添加组件

1. 登录Wyn，进入文档门户，依次点击「创建文档>仪表板>空白仪表板>创建」，即可进入仪表板设计界面。

   
   

2. 在界面最左侧，点击组件按钮展开列表，选择「柱状图」，按住鼠标左键将其拖拽至仪表板设计区域，成功添加一个柱状图组件。

   
   

步骤二：添加数据

1. 仪表板设计器界面右上方，点击「数据绑定>添加」，弹出选择数据界面，在该界面中，勾选需要使用的数据集或者数据模型，点击确定按钮，完成数据添加。

   
   

步骤三：绑定数据

1. 仪表板设计器设计区域选中柱状图，根据实际需求，将对应的字段拖动到数据绑定，完成数据绑定。例如在本示例中，需将 “销售大区” 字段拖动到分类区域，将 “订单金额” 字段拖动到数值区域。

   
   

2. 数据绑定区域介绍参考下表：

   数据绑定区域	说明
   数值	绑定数值类字段，可绑定一个或多个字段。 如果已经在系列区域绑定了字段，则数值区域将无法绑定多个字段。
   分类	绑定组件的分析维度，可绑定一个或多个字段。
   系列	绑定组件分析的系列，扩展分类纬度，可绑定一个字段。 如果数值中已绑定多个字段，则不可以绑定系列。
   提示标签	提示标签是指当鼠标移至图形时，会出现相应的提示信息。使用方法详见鼠标提示标签。
   钻取	设置组件数据钻取路径，详见数据钻取。

步骤四：降序排序

1. 点击数据探索与分析下的排序按钮，设置柱状图按订单金额降序排序。以便更直观地展示数据差异。

   
   

步骤五：美化图表

1. 柱状图制作完成后，可进行美化工作。通过「外观样式>背景图片」来添加背景图片，还可以进行其他样式设置，详情请参考外观样式。

   例如在本示例中，给柱状图添加了背景图片。

   
   

步骤六：预览并保存仪表板

1. 点击菜单栏的预览按钮预览按钮，可查看仪表板最终效果。

   
   

2. 确认无误后，可点击菜单栏的保存按钮，输入仪表板名称，保存仪表板。

   
   

3. 保存后的仪表板可在「文档门户>我的分析>仪表板」文档列表进行查看。

   
   

3. 常用属性

3.1 图表类型

1. 在属性设置中，可通过「图表样式>图表类型」轻松切换不同的柱状图类型，以满足不同分析需求：

   
   

2. 图表类型具体介绍参考下表：

   图表类型	描述	示例
   柱状图	每个柱子独立显示，主要用于比较不同类别的数据大小。
   堆叠柱状图	将多个数据系列的柱子进行堆叠，每个柱子的总高度表示数据的总和。 而柱子内部的不同颜色则表示不同系列在总和中所占的比例。
   百分比堆叠柱状图	与堆叠柱状图类似，但柱子的高度均表示为100%。 柱子内部各部分以百分比的形式展示其在整体中所占的比例。

3.2 显示标注

1. 通过「图表样式>显示标注」，可快速识别数据中的极值（最大值和最小值），帮助用户直观地发现数据中的关键信息。

2. 开启该属性后，还可以进一步设置是否显示最大/最小标注，标注颜色（默认跟随柱子显示）以及标注字体。例如在销售大区订单金额分析中，开启显示标注后，能一眼看出最高和最低区域值，方便管理者评估区域表现。

   
   

3.3 显示缩放轴

1. 在数据量较大、分类较多的场景下，可通过「数据设置>显示缩放轴」，灵活查看具体内容。

• 显示缩放轴： 开启后将在图表中显示缩放轴。

• 缩放轴尺寸： 设置缩放轴的宽度。

• 缩放轴默认长度： 设置预览图表时缩放轴默认显示的长度，也就决定了默认显示的数据数量。

• 缩放轴颜色： 设置缩放轴的颜色。

• 启用滚动缩放： 是否开启鼠标滚轮控制缩放轴功能。开启后，预览图表时无需拖动缩放轴，使用鼠标滚动即可进行缩放。

  例如在分析2017年全年各月销售数据时，利用缩放轴可轻松查看不同时间段的详细数据。

  
  

3.4 允许移动

1. 当数据标签过多出现重叠现象时，可通过「数据标签 > 允许移动」手动调整数据标签位置并保存。

   
   

2. 开启该属性后，需先将组件聚焦。

   
   

3. 在聚焦状态下，手动拖动设置数据标签的显示位置，拖动后会自动保存。

   
   

3.5 显示坐标轴指示器

1. 通过「提示标签>显示坐标轴指示器」，为用户提供更详细的数据信息。当用户将鼠标悬停在柱子上时，坐标轴指示器会显示当前柱子的具体数值或分类信息，帮助用户更精准地理解数据。

2. 开启该属性后，还可以进一步设置指示器类型、直线类型/颜色/宽度。

   
   

3. 设置完成后，点击仪表板设计器的预览按钮，在预览界面查看效果。

   例如在分析销售大区购买数量时，悬停鼠标即可查看各大区具体购买数量，便于深入分析。

   
   

4. 数据处理

将数据绑定到组件后，可以对字段和数据进行配置处理，使其更贴合实际使用场景。例如：

• 修改数据显示格式：将销售额显示为带千位分隔符和两位小数的货币格式

• 字段重命名：将 “product_id” 重命名为 “产品编号”。

• 切换聚合运算方法：从求和改为求平均值。

• 进行快速运算：排名运算等操作。

详细操作和介绍，请参考：数据处理。

5. 数据探索与分析

组件支持丰富的数据探索分析能力，为数据可视化分析提供强有力的支撑。例如：

• 聚焦组件，添加批注：可以定义组件的使用方法或添加一些记录和帮助信息等。

• 过滤器：筛选特定时间段或地区的数据。

• 排序排名：按销售额对产品进行排名。

• 格式化预警：当销售额低于设定阈值时显示警示颜色。

• 参考线：添加数值平均值参考线。

• 趋势分析：分析销售数据随时间的变化趋势。

详细操作和介绍，请参考数据探索与分析。

6. 更多资源

产品中使用的图表组件为ECharts组件，其提供了开放的自定义属性和自定义行为，可定制出更丰富的视觉效果，下图是部分示例：

示例文件包：可下载后直接导入系统参考查看。

E-Charts柱状图.zip

注意：

• 柱状图示例压缩包的大版本为8.1 。请您在下载后，按照文档的导入与导出指引，将其导入 8.1 及以上版本进行查看和使用。

• 如果您当前版本低于8.1 版本，请升级版本。

• 由于低版本无法兼容高版本文档，若不升级，可能会导致文档无法正常打开或使用，影响您的操作体验。