自定义条形图

1.1 版本

1.2 应用场景

自定义条形图可以自定义多个坐标轴，适用于当标准条形图无法满足特定数据展示需求时。

1.3 图表特点

优点：自定义条形图提供了高度的灵活性和创造性，能够通过独特的设计吸引注意力，更好地适应特定的信息传达目的。

缺点：设计和制作自定义条形图可能需要更多的时间和资源，且如果设计不当，可能会降低数据的清晰度和可读性。

2.1 准备数据

点击设计器左上角「文件>新建普通报表」，新建数据集 ds1，数据库查询语句如下：

select 类别名称,库存量,订购量,再订购量 from 产品,类别

where 产品.类别ID=类别.类别ID and 类别名称!='日用品'

order by 类别名称

2.2 插入图表 

先合并一片单元格区域，点击上方工具栏插入图表按钮，插入「条形图>自定义条形图」。如下图所示：

2.3 设计图表

选中图表，点击右侧属性面板「单元格元素」，可设置图表的各个属性：类型、数据、样式、特效。

2.3.1 图表类型

选中图表所在单元格，点击右侧「单元格元素>类型」可查看和选择图表类型。

2.3.2 数据绑定

1）选中图表，点击右侧属性面板「单元格元素>数据」。

2）绑定数据集数据，数据集选择 ds1，分类选择「类别名称」，系列名使用字段名，选择「库存量」和「订购量」，汇总方式均选择「求和」。

2.3.3 设置图表样式

1）选中图表，选择「单元格元素>样式>标题」，输入文本「自定义条形图」。

2）选择「自定义条形图」时，默认会新增一个显示在图表上方的「X轴2」，沿用这个默认设置。

3）如下图步骤设置，让底部的「X轴」对应「系列2」的值，让上方的「X轴2」对应「系列1」的值，不设置堆积效果。

2.4 效果预览

2.4.1 PC 端

保存报表，点击「分页预览」，效果如 1.2 节所示。

2.4.2 移动端

支持 App 端和 HTML5 端，效果如下图所示：

点击下载模板：自定义条形图.cpt