
2、将地区放入筛选中,意思是可以选择单个地区,单看它的地区数据,然后将电脑主机等等条件放入值中,全部放好之后,可以看到,表格已经基本生成了。
3、鼠标左键点击表格的空白区域,在菜单栏中选择设计,选择添加图表元素。选择数据标签,选择数据标签外,每个柱状图外就会显示具体的数字。
4、接着点击值中的具体选项,鼠标左键点击第一个数据,选择值字段设置,在自定义名称中,将求和项等多余字符删除。再点击值中的数值,选择隐藏图表上的值字段按钮。
方法/步骤
图中数据表列举了2013-2016年每个月的数据,我们要实现的是通过下拉菜单选择年份,在图表中自动生成对应年份的月数据图表,效果如图。
第一步,先说下思路,动态图表的实现,依赖于用公式生成数据。我们用公式生成的数据来代替原数据表的数据,通过公式中函数参数的变化来达到动态的目的。此例中需要变化的参加是年份,根据我们的要求先制作年份的下拉菜单,我们用到的方法是在P1单元格设置数据有效性,选择“序列”,来源是:A2:A5,确定后下拉菜单就做好了。
第二步,接下来我们该写公式了,选择数据的公式里我们通常用到OFFSET+match,具体的用法这里就不细说了,F1里面都有,我直接给出公式:
=OFFSET($B$1:$M$1,MATCH($P$1,$A$2:$A$5,),,1),
公式不难,其中MATCH($P$1,$A$2:$A$5,)里面的$P$1就是刚才我们制作的下拉菜单单元格,大家可以把公式复制到工作表,在P1选择不同的年份,然后在编辑栏选中公式后按F9键,看看结果,如图,结果中的数据是根据年份的不同而改变的,这就是动态图表的核心。
第三步,我们来把公式定义一个名称,因为图表是不能直接接受公式的,只能通过定义名称的方式来实现。Ctrl+F3调出名称管理器,点“新建”,“名称”处输入“月份”(名称可以随便起),“引用 位置"输入刚才的公式,确定
第四步,现在前期工作都做完了,我们可以生成图表了,直接插入一个柱形图,如图,
第五步,此时图表是空的,因为我们没选择任何数据,没关系,在图表中点击右键,单击”选择数据“,在”选择数据源“对话框中选择”编辑“,”系列名称“输入P1,"系列值”输入=Sheet1!月份,确定
第六步,还是在”选择数据源“对话框,在水平(分类)轴标签栏,单击“编辑”,输入:=Sheet1!$B$1:$M$1(月份单元格地址),确定后,结果如下图
第七步,右键单击图表中的柱形,选择“添加数据标签”,简单美化图表,结果如图。我们也可以做成选择月份,来生成各年度的数据图表,如图,方法大同小异,大家来自己来试着做一下吧。
注意事项
在图表中引用名称时,名称前面一定要加上工作表名儿,如本例中的:sheet1!月份
在我的项目中遇到了两种动态增加表单项的场景,一种是对Form的添加,另外一种是对Table的添加。当初实现这两种时还有一点喜悦,现在回过头来看,发现这两种实际就是一种,以后就可以根据个人喜好选择了。
这里因为要添加的表单项存在着父子关系,要添加的子代很多,而父代属性又一致,用这种方式可以减少重复 *** 作。表单样式就不再赘述了,具体看图
这里 tab 就是我们每次添加子表单时要push进数组tabs的内容。
2、为添加要素按钮绑定一个 addTab() 方法,用于在每次添加子表单时,向数组中push一个元素
3、对表单项的编写与正常一样,只不过在数据绑定上不同,需绑定到tab中的元素
4、如果要删除多余tab,需要在 <div>中声明一个 removeTab() 的方法,来删除对应的tab,这点区别于 addTab() ,它是定义在 <div>之外的,每次新增的tab都会插到整个表单的末尾。
这里的table也是存在父子关系,只是展示形式的区别。因为后台的数据还有着展示的需要,所以才选用了表格这种形式来实现。
1、将table组件声明在一个 <template>标签下,用以根据后台数据进行动态加载。
2、对表格中需要编辑的内容,可以在 <template>标签下声明一个输入框,并使用插槽来实现数据的绑定。
3、与上面相同的,声明一个 addRow() 的方法,用于增加表格的行数。
4、删除不想要的行,需要对应增加一个 deleteRow() 方法
欢迎分享,转载请注明来源:内存溢出
微信扫一扫
支付宝扫一扫
评论列表(0条)