图表是数据可视化的工具，广泛应用于各种数据分析应用场景。在线设计器的主要设计目标之一，就是允许业务管理人员简单方便地设计各类图表。
设计一个图表类报表的大致步骤如下：
（1）创建数据集。
（2）添加图表控件。
（3）设置X与Y轴数据字段。
（4）外观设置。
以下通过一个示例介绍详细的操作方法。
（1）创建数据集
从报表管理门户（http://localhost:8080）点击【创建报表】，进入新报表的设计页面。点击右边栏的【数据】选项卡，再点击【数据集】右侧的【添加】如下图：
在【新建数据集】下方，选中之前创建好的示例数据源，再点击【添加】按钮，如下图：
在数据集编辑对话框中，输入SQL语句：select * from 搭赠费 ，如下图：
点击【验证】按钮，确认SQL语句的正确性，再点击【确定】按钮，保存数据集的定义。
（2）添加图表控件
从工具箱中拖放一个图表到设计区，即可添加一个图表控件，如下图：
默认的图表类型是柱形图，可以通过右侧选项设置中的【类型】，将图表变换为饼图等其他图表类型，如下图：
（3）设置X与Y轴数据字段
图表的X轴绑定分类字段；Y轴绑定数据字段。
将右侧设置面板切换到【数据】选项卡，展开数据集字段列表，从中拖放【月份】字段至图表下方的【分类字段】处，拖放【销售额】至图表上方的【数据字段】处，如下图：
预览效果如下图：
（4）外观设置
为了美化图表外观，可对图表标题、XY轴标题文字、图例等进行设置。
点击左侧工具箱上部的【元素管理】按钮，展开报表元素树形目录。
选中【图表1】，在右侧设置面板中找到【页面布局】，选择一个【外观样式】，如下图：
在元素树中选中【图表标题】，在右侧设置面板中可修改【标题】的文字内容，也可设置其他外观选项。
选中【图例】，可设置图表区图例的类型、位置和文字字体。
选中【分类坐标轴】，可设置X轴的线型、端点样式（箭头）。
选中【分类坐标轴】下面的【坐标轴标题】节点，可设置X轴的标题。
选中【数据坐标轴Y1】，可设置Y轴的线型、端点样式（箭头）。
选中【数据坐标轴Y1】下面的【坐标轴标题】节点，可设置Y轴的标题。
再次预览，可以看到图表的效果图：
至此，一个简单的柱形图就设计完成了。