怎么做网站手机版,软件开发一个月多少钱,中国建筑工程网官网二建报名查询,网站后台需要ie6修改有读者提了这样一个问题#xff0c;想要制作如下的动态图表#xff0c;要怎么实现#xff1f;动态图表展示.gif可以看到#xff0c;这个动态效果里有4种选择器#xff0c;左上方的组合框呈现出选择不同的方案展示相应柱形图的效果#xff1b;中间的复选框勾上显示差额的图… 有读者提了这样一个问题想要制作如下的动态图表要怎么实现动态图表展示.gif可以看到这个动态效果里有4种选择器左上方的组合框呈现出选择不同的方案展示相应柱形图的效果中间的复选框勾上显示差额的图表不勾就不显示右上角的滚动条则实现每页显示多少人就有多少个柱子的功能下方的滚动条实现数据的滚动因为这个数据是有100多条一个柱形图显然无法全部展示所以要用滚动条去认为地滚动展示。下面我们就来实战一下要怎么实现。上面演示的是从网上找的模板我们要做的真实数据是这样的选择器的制作 记得动态图表是怎么做的吗首先要有数据源然后制作选择器接着取数最后画图。如果你没有动态图表基础可以参考以下文章这样用Excel动态交互图表还要什么前端动态图表交互揭秘制作选择器的奥秘动态图表揭秘“动”的关键——取数下面我们就来制作选择器。滚动条总共122条数据每个人们对应方案1和方案2的值差异是方案1减去方案2如果想要把122条数据放在一张图里就需要用到滚动条了所以我们先来做滚动条。点击【开发工具】-【插入】找到【滚动条】的选项在表格空白处画一个滚动条。画好滚动条以后右键点击【设置控件格式】在弹出的对话框中修改以下选项最小值为1最大值为122步长为1单元格链接是图中标黄的G2单元格。这样当我们移动滚动条时G2单元格中的数值就会跟着变化。数值调节钮原模板右上角的滚动条我们用数值调剂钮来代替同样点击【开发工具】中的【插入】选择【数值调节钮】在空白处画一个调节钮。右键【设置控件格式】在弹出的对话框中修改最小值为5最大值为15意思是我们的一个图表中最少有5个柱子 最多有15个柱子也可以根据自己的情况自由设置链接到G3单元格中。这样我们点一下数值调节钮G3单元格中的数字也会跟着变。组合框同样在【开发工具】中插入【组合框】。右键【设置控件格式】数据源区域选择提前写好的I2:I4区域也就是方案一、方案二和方案对比结果链接到G4单元格中。复选框同样我们做一个复选框的按钮把它链接到G5单元格中。做好这4个选择器以后我们要开始做动态图表了大家要明确一个思路图表之所以会动是因为数据在动数据动态变化图表自然而然就跟着变了。所以我们的关键在于让数据动起来。取数定义动态名称 之前我们一贯的思路是做了选择器之后做一个取数的区域让这个区域里的数随着选择器里数值的改变而变化但是这里我们不能固定一个动态区域了因为这个区域本身就不是固定的了它会随着数值调节钮的改变而增加或减少区域会随着滚动条的改变选择不同区域的数值因此我们需要用offset定义动态名称来解决这个问题。X轴点击【公式】里的【定义名称】起个名字命名为x_data意思是我们这里要选择的是图表中的X轴。在引用位置处输入公式OFFSET(动态图表!$A$1,动态图表!$G$2,0,动态图表!$G$3,1)这个公式的意思是以A1单元格为参考下向下偏移G2单元格数值个行也就是滚动条变化的值向右偏移0列选择G3单元格数值个行也就是数值调节钮变化的值选择1列。这里滚动条的值是1数值调节钮的值是5也就是以A1单元格为参考系向下偏移1行向右偏移0列这时就选中了A2单元格再选择5行1列这样就选中了A2:A6区域也就是图里虚线选中的部分。Offset函数是实现通过给定参考系按照偏移量返回特定引用区域的功能也不复杂只要想明白它是怎么用的就好。Offset(以什么为参考系向下偏移几行向右偏移几列选择几行选择几列)我们试着改变一下滚动条和数值调剂钮的值发现x_data区域也跟着变化了要想实现的就是这效果。方案1做好了X轴的动态变化我们再来做方案1也就是Y轴的动态变化同样用到offset动态名称。命名为y1_data输入公式OFFSET(动态图表!$A$1,动态图表!$G$2,1,动态图表!$G$3,1)可以看到虚线框选到了方案1列所在的区域这个公式和X轴公式的唯一区别在于向右偏移几列这个参数这里是1X轴公式是0.方案2同样给出方案2的动态变化命名为y2_data输入公式OFFSET(动态图表!$A$1,动态图表!$G$2,2,动态图表!$G$3,1)和方案1公式不同的还是在于向右偏移几列这个参数这里是2意思是向右偏移2列。作图 随便选择ABC3列数据中的区域做一个柱形图得到如图所示的图表选中柱子右键【选择数据】在弹出的对话框中点击右边的水平轴标签中的【编辑】按钮。把轴标签里的值替换成我们刚刚写好的X轴也就是x_data注意感叹号前面的不要动这是表名。同样对方案1和方案2进行编辑将方案1里的系列值替换成y1_data方案2替换成y2_data这样我们在调整滚动条和数值调节钮的时候图表就会变化了雏形差不多出来了。方案12再细化 细心的你可能发现了我们最初想要实现的是用组合框控制方案1、2的图形变换现在这样是两种方案同时呈现的图和组合框好像没什么关系。对了因此需要对方案1和方案2的offset函数再优化在G6单元格写一个判断函数来告诉offset向右偏移几列这个参数如果G4单元格也就是组合框的值为1也就是选择了方案1的话if的值为1否则的话再进行判断如果组合框的值为3也就是选择了方案对比的话if的值也为1否则为0。这个意思是如果组合框选了方案1和方案3都向右偏移1列如果选择了方案2就偏移0列。(大家细细琢磨一下得自己理解)同样给方案2一个if判断如果组合框选了方案2和方案对比就向右偏移2列否则偏移0列。我们再来重新写一下方案1的offset偏移公式命名为y11_data输入公式OFFSET(动态图表!$A$1,动态图表!$G$2,动态图表!$G$6,动态图表!$G$3,1)”和y1_data公式唯一的区别在于向右偏移几列这个参数这里要改成G6单元格也就是我们刚if函数去判断的那个单元格。同样把方案2的公式也改一下命名为y22_data输入公式OFFSET(动态图表!$A$1,动态图表!$G$2,动态图表!$G$7,动态图表!$G$3,1)这里也是向右偏移几列写成了G7单元格。组合框动态图表 我们选中图表中的蓝色柱子将公式栏中的y1_data改为刚刚写好的y11_data选择橙色的柱子把y2_data改成刚刚写好的y22_data。这时我们改变组合框的选项就实现我们最初想要的功能了。组合框.gif复选框动态图表 快完成了别忘了还有一个复选框控件要实现的功能是点击“显示差额”复选框就输出方案1和方案2的差额对比的图表数据源就是D列差额。思路还是用offset动态名称加上条件判断的方法。先在G8单元格给定向右偏移几列这个参数的条件判断如果G5单元格为真if判断的值就为3否则为0意思是如果选择了复选框就向右偏移3列否则就不偏移。再来给定动态名称命名为yc_data输入公式“OFFSET(动态图表!2,动态图表!2,动态图表!8,动态图表!3,1)”同样地随便选择区域数据插入图表点击柱子将x轴部分改为x_dataY轴部分改为yc_data。这样当我们点击显示差额这个图就跟着显示或不显示了。图表美化 把组合框、复选框和数值调节钮拖到第二行并把这一片区域填充为橙色。把 差额 做的这个表拉过来和大表对齐。把后面那一片背景填充为金色。把两个图表设置成无颜色填充无框线再给这片区域加上粗线框最后得到如下结果成果.gif猜你喜欢:什么是好的数据指标精益数据分析泰坦尼克号数据分析深入浅出数据分析数据分析都有哪些岗位为什么要学统计学赤裸裸的统计学成为数据分析师的第三年我写了10W字 作者可乐 公众号/知乎专栏/头条/简书可乐的数据分析之路加个人微信data_cola备注进群拉你入 可乐的数据分析群 和各行各业的小伙伴交流探讨数据分析相关内容微信公众号个人微信号
