自定义柱形图的详细制作方法
上次自从发了自定义柱形图的一个模板后，很多人问我具体是怎么实现的，这次我们就来详细说一说，首先先看下效果图：
125461首先要说一下用到的几个插件：报表自适应插件（最重要）、表单内报表块刷新插件（如需实时显示数据则需要）、数字时钟控件（左上角时钟）、滚动报表图（可不用，用JS实现）
下面着重讲一下自定义柱形图的制作过程：
首先我们新建一个决策报表，选择“绝对布局”和“适应区域”，绝对布局是为了让组件能够重叠，方便在自定义柱形图后面添加边框，以便显示不同的区域，如下图所示：125462
file:///C:\Users\易泰电子\AppData\Local\Temp\ksohtml\wps6F54.tmp.jpg然后在模板内拖入报表块和所需要的图表或者组件，这里要注意，有多少个柱形图就要添加多少个报表块，然后编辑其中任意一个报表块，上面预留出11或者10行，预留A列，合并B、C两列的12-21行，在合并单元格里写入柱子的图片所在的路径，或者直接插入柱子的图片都可以，然后在上面的B2-B10单元格分别写入条件属性，行高为0，条件为：B22 > =(C22 * 0.1)，B22 > =(C22 * 0.2)……以此类推，一直写到B22 > =(C22 * 0.9)，在D列和柱子相对应的格子里也写上条件属性，行高为0，条件为：B22 < (C22 * 0.1)，B22 < (C22 * 0.2)……以此类推，一直写到B22 < (C22 * 0.9)，这里的B22和C22分别是实际的数量和最大容量，也就是数据里的数据，实际数量展示在B11单元格里，数值与B22相同，也可以是占比比如B22/C22,然后结果用百分比显示，制作界面如下图所示:125463
file:///C:\Users\易泰电子\AppData\Local\Temp\ksohtml\wps6F65.tmp.jpg设置完成后，隐藏22、24行和D列，为什么23行要有一个空白行呢，为了在柱子和外框之间有一定的间隙，使看起来更美观，A列和E列也是同理
以上步骤完成后，退回到表单界面，点击该柱子所在的报表块，设置边框，如下图所示125464
file:///C:\Users\易泰电子\AppData\Local\Temp\ksohtml\wps6F66.tmp.jpg在弹出框里选择外置图片，如果未安装外置图片插件，使用图片也可以，选择柱形图的边框文件，如下图所示：125465
file:///C:\Users\易泰电子\AppData\Local\Temp\ksohtml\wps6F77.tmp.jpg然后在底层的报表块里再添加一个边框背景，使之更加美观，如下图125466125467
file:///C:\Users\易泰电子\AppData\Local\Temp\ksohtml\wps6F78.tmp.jpg
file:///C:\Users\易泰电子\AppData\Local\Temp\ksohtml\wps6F79.tmp.jpg这样，我们的自定义柱形图就做完了，下面我会把这个模板和背景以及图中用到的电子表字体一起打包，谢谢大家！
编辑于 2019-3-22 15:00
