找文章 / 找答案
分享到

干货丨通过脚本控制全局图表缩放轴

资讯 2022-10-12 09:45 1752人浏览 16人回复
摘要

点赞本文章 抽取三位用户 送出 小电视纸巾盒 一份大家在使用永洪BI做大数据分析与可视化展示时,会经常用到柱状图、折线图、帕累托图等图表,进行维度之间的数据对比,查看数据的走势与趋势,对整体的数据进行统计与 ...

点赞本文章 抽取三位用户 送出 小电视纸巾盒 一份



大家在使用永洪BI做大数据分析与可视化展示时,会经常用到柱状图、折线图、帕累托图等图表,进行维度之间的数据对比,查看数据的走势与趋势,对整体的数据进行统计与分析;但我们通常要分析的数据都是数据量较大,维度较多的数据,当使用这些数据放在柱状图、折现图、帕累托图中进行分析时,页面展示内容较多,图表宽度不能放置太长,便会出现内容太多过于拥挤,维度文字展示不全,想查看对应的数据查看不到等等问题。


针对上述问题,我们可以使用图表中缩略轴的功能,解决维度显示拥挤,维度文字显示不全等问题;但是缩略轴在开发页面设置好后,只能对单独图表进行单独设置,查看页面是不能进行自定义控制显示隐藏页面全局图表的缩略轴,所以下面我们要介绍的内容就是如何使用脚本的方式来实现页面全局控制缩略轴的隐藏和显示的动态切换。


下面就为大家详细介绍下具体的实现步骤:


01


从右侧组件库中拖拽三个组件到画布中(柱图、折线图、下拉参数),然后给柱图和表格组件绑定初始所需的字段(这里以柱图展示为例)。


02


在下拉参数的绑定数据->自定义数据->编辑数据中键入两个值(显示、隐藏)


03


命名下拉参数组件名称为缩放轴,命名柱状图名称为人员信息分析,命名折线图为人员行为趋势。



04

在画布的上方工具栏中找到报告-脚本,进入之后在变化中运行编辑处编辑相应的处理脚本,相应处理脚本及操作如下:


if(param["缩放轴"]=='隐藏'){

人员信息分析.axisrange.hasAxisRange = false;

人员行为趋势.axisrange.hasAxisRange = false;

}else{

人员信息分析.axisrange.hasAxisRange = true;

人员行为趋势.axisrange.hasAxisRange = true;

}



05


点击应用,点击确认,保存报告即可。




脚本中的逻辑是:设置一个参数组件,通过if语句判断参数组件的值是否等于隐藏,如果等于隐藏,人员信息分析、人员行为趋势图表的缩放轴将被隐藏;如果参数值不等于隐藏,人员信息分析、人员行为趋势图表的缩放轴将被显示,从而在查看报告页面实现自由切换全局图表的缩放轴显示与隐藏。


在脚本中还可以以同样的逻辑加入其他图表组件,只需要在新增一行xxxx.axisrange.hasAxisRange = false和对应条件的xxxx.axisrange.hasAxisRange = true ,即可实现控制增加或减少控制缩放轴显示隐藏的图表。

评论
1752人参与,16条评论

精彩评论

查看全部评论>>

32 文章910 人气
数据分析
热门问答
  • 官方微信

    欢迎关注永洪服务号!收费为0,价值无限

    扫码关注
  • 新浪微博

    让每位用户轻松挖掘数据价值!

    访问新浪微博
  • 智能客服
50W

会员等你来哦

Copyright   ©2012-2024  北京永洪商智科技有限公司  (京ICP备12050607) 京公网安备110110802011451号 |《永洪社区协议》
返回顶部