easyui 动态设置单元格控件_可选择动态组合图表,数据再多也能清晰呈现,只需三步轻松搞定!…

  • Post author:
  • Post category:其他


a5ed02c9907c6511bf66dbe2fa7e5e00.gif

在进行图表数据制作的时候,相信许多朋友都会碰到一个问题,那就是数据维度较多的时候,一张图表不能完全的显示,这里我们就可以通过复选框,制作可选择的动态图表的方式,来清晰的展示我们的数据。

148d0b0cc0ff96498f46e4d0eb0d2bba.gif

从上面的效果图中我们可以看到,当我们勾选或取消上面的按钮的时候,下方的图表就会跟随者自动发生变化。通过这样的可选择动态图表的制作,在多维数组数据中我们就能够快速的进行各种指标的图表切换。下面我们就来具体学习一下制作方法。

第一步:我们首先在原始数据下方先添加辅助列1、辅助列2的数据。因为我们后续控件会通过辅助列1的单元格实现,图表数据会通过辅助列2的数据来呈现。如下图所示:

1e17dfd0fdfd10e3737dcc3837dbf462.png

第二步:点击菜单栏,开发者工具:插入—点击复选框按钮。然后将对应的名称修改为我们需要的接待量、回复时长、推送率、满意度四个指标。然后依次点击鼠标右键—设置控件格式,接待量的按钮指定为辅助列1中C9单元格,其他控件依次指定为D9、E9、F9单元格。这些对应单元格会通过True和False的结果呈现。如下图所示:

e5aa0f37e27a5596765e172cb850cb76.gif

当我们勾选控件的时候,单元格会显示为True,取消勾选的时候单元格会显示为False。

第三步:我们在辅助列2中接待量、回复时长等数据中输入下方公式。利用辅助列1的True和False的值通过IF函数来进行判断。如下图所示:

589b6d8586eb45c46a9f55f1bc9edd48.gif

函数公式:=IF(C$9,C2,NA())

函数解析:

1、在这里IF函数第一参数直接为单元格C$9,一个值的时候默认的第一参数为TRUE,当第一参数判断为True时,结果显示C2单元格的值;反正通过NA()错误值函数进行占位,错误值函数主要是用于后期做图的时候,我们取消勾选后,会在图表中进行占位处理。

第四步:辅助列2的数据通过函数公式进行引用后,我们最后选择辅助列2的数据,点击菜单栏,插入柱形图。点击图表右键选择更改图表类型,然后选择推送率、满意度的数据变更为次坐标轴,图表类型切换为折线图即可。如下图所示:

174d9c3c9d8d1c39a976a817f943c9a4.gif

通过上图做好图表之后,我们最后在对图表文字、颜色进行稍微的调整,这样我们需要的美观的可选择的动态组合图表就做成了。

515a69df005dc6497004d49a3fcfe431.png

通过上面的四个步骤我们就完整的制作好了,我们需要的可选择动态组合图表,赶快去操作试一下吧。


精彩内容推荐
推荐文章


按表格姓名新建文件夹,100个人你用了两小时,同事三步五秒搞定!

推荐文章


Excel数据逆向查询,只会vlookup就out了,Index+Match函数更简单

推荐文章


根据姓名查询人员相片,学会Index+Match函数公式,只需要三步搞定

推荐文章


跨工作表数据求和,Indirect函数才是NO.1,十秒快速完成汇总

3ec1ce7892124862ccfa574aa5617d5e.png