曾几何时，报表仅仅作为数据的表格化（图表化）呈现，对于其本身的外观关注的并不是我们最关注的方面，比如下面两张报表：
作为现今颜值第一的准则，数据报表除了完整的表现数据准确真实之外，外观则是打动观者的第一要素，以下是15条简单易行的提升报表外观的技巧。
小贴士
以下技巧通过葡萄城报表在线设计器（https://www.grapecity.com.cn/solutions/reporting/web-designer）中作为示例演示，你也可以通过搜索网址(http://ars.grapecity.com.cn/)在线体验
技巧一：表格宜宽不宜窄
要想做出美观大方的表格，首先一条是不要设计太窄的表格。
要将表格变宽，有两个办法：一是增加表格的列数，另一个是拉宽表格列宽。下图为一个仅有两列的表格：
拉宽之后，表格将更加匀称，如下图：
技巧二：表格线框慎用纯黑色
默认的表格框线都是黑色，往往给人生硬的感觉。改用深灰色的框线，视觉效果会更好。
选中表格整行整列或者选中单个或多个单元格，设置边框样式，如下图：
技巧三：合适的文字对齐方式
表格文字的对齐方式包括水平对齐和垂直对齐两种属性。
对于长度较短的文字，比如ID、日期、分类名称等，居中显示效果会更好。但是请注意：数量、金额类字段，一般应居右对齐。
垂直对齐方式，如果设置为【顶端对齐】或【底端对齐】，都会比较难看。设置为【垂直居中】则会更美观。
设置文字对齐方式的选项如下图：
技巧四：标题加粗并居中
无论对应字段类型或数据长度如何，表格栏目的标题文字都应居中显示并加粗。选中表头的单元格，点击菜单栏下方 Ribbon 工具条上的相应按钮即可设置字体加粗和居中，如下图：
技巧五：标题行深色背景
表格标题行最好使用较深的背景色（如深蓝），同时将文字颜色设置为浅色（如白色）。
选中表头单元格，设置【背景选项】和【文本字体】中的颜色，如下图：
技巧六：表格交替行背景色
表格奇偶行交替背景色可有效改善视觉效果。选中整个表格（而不是个别单元格），从【外观样式】下拉框中选择一个含交替行颜色的样式，如下图：
表格报表美化效果
技巧七：图表中的内容慎用黑色
图表中的内容包括文字和图形，比如图表标题、坐标轴线。要想图表好看，所有内容都要尽量避免使用黑色，而应使用深灰色或者其他颜色。
设置图表中的文字颜色，请先点击工具箱顶部的【元素管理】图标，展开报表元素树形目录，选中其中的【图表标题】等元素，如下图：
选中某个元素时，设计器右侧的选项列表会根据元素类型动态变化。每个元素可能有多种【颜色】选项，比如背景色、字体颜色、边框颜色等，如下图：
将其中的黑色（Black）改为深灰色（DarkGray）。
对于背景色，可将透明色（Transparent）改为浅灰色（如#fafafa）。
技巧八：绘图区使用网格线背景
柱形图和条形图中，如果数据较少，绘图区可能呈现大片空白，显得内容不够丰富。设置X轴和Y轴的网格线，可令图表线条更为丰富。
先在【元素管理中选中【分类坐标轴】或者【数据坐标轴Y1】，然后设置【主网格线】的【显示】为【是】，然后设置适当的【线型】和【颜色】，如下图：
技巧九：绘图区设置背景色
将绘图区设置淡灰色（WhiteSmoke）的背景色，可将绘图区与坐标轴线之外的其他元素区分开来，提升视觉效果。
注意是在【元素管理】中选中【绘图区域】，而不是选中整个图表，再设置背景颜色。如下图：
技巧十：图形与轴线之间留空
柱形图或条形图中，如果第一个柱形紧贴Y轴，不太美观。对此，可勾选X轴的【边距】选项，使得第一个柱形与Y轴之间留出空隙。如下图：
技巧十一：设置X轴标签文字方向
X轴坐标点的标记，往往是类别字段的值，比如月份、部门名称等。有时这些字段值可能比较长，导致多个X轴点的文字叠在一起。通过设置【分类坐标轴】标签文字的【显示方向】，可解决此问题。如下图：
技巧十二：设置图例
图例可以清楚地说明每一个【系列】所代表的含义。
柱形图中的系列，是指一个X轴数据点对应的多个Y轴数据。如下图：
多系列图表中，图例可以清楚地说明每一个柱形所代表的含义。上图中右侧的图例，就是为了说明哪些柱形是销售额，哪个柱形是搭赠费用。
如果是一个单系列的柱形图，图例就失去显示的意义了。对此可设置图例不显示。
设置图例的方法是：
点击工具箱顶部的【元素管理】图标，展开图表的元素。选中【图例】，如下图：
对于单系列图表，将【显示】设置为【否】；对于多系列图表，设置【类型】和【位置】使之更美观。另外，还可以设置图例的字体、颜色等，使之与图表其他元素更为协调。
图表类美化效果
原始图表
美化后
技巧十三：放弃“宋体”及“黑体”
字体设置，建议一律使用【微软雅黑】。
技巧十四：配色方案
尤其是在图表类报表中，主要颜色不要超过3种，颜色搭配可以参考专业的网站，如：
https://coolors.co/browser/best/1
http://www.paletton.com/
技巧十五：图表混合式，上下布局
小贴士
以上技巧通过葡萄城报表在线设计器(https://www.grapecity.com.cn/solutions/reporting/web-designer)中作为示例演示，你也可以通过搜索网址(http://ars.grapecity.com.cn/)在线体验
关于 葡萄城(https://www.grapecity.com.cn/)
赋能开发者！葡萄城公司成立于 1980 年，是全球领先的集开发工具、商业智能解决方案、管理系统设计工具于一身的软件和服务提供商。西安葡萄城是其在中国的分支机构，面向全球市场提供软件研发服务，并为中国企业的信息化提供国际先进的开发工具、软件和研发咨询服务。葡萄城的控件和软件产品在国内外屡获殊荣，在全球被数十万家企业、学校和政府机构广泛应用。
閱讀更多 葡萄城GrapeCity 的文章
