分享到

浅谈数值标签和提示信息的使用

资讯 2022-11-28 14:14 1855人浏览 3人回复
摘要

大家好,本次我们来给大家介绍下在永洪BI中数值标签和提示信息的使用,想必大家在使用永洪BI进行图表制作的时候,时常会使用到诸如柱状图、饼图、环状图、线图等等组件,来达到数据分析和可视化的目的,使用这些图表 ...

大家好,本次我们来给大家介绍下在永洪BI中数值标签和提示信息的使用,想必大家在使用永洪BI进行图表制作的时候,时常会使用到诸如柱状图、饼图、环状图、线图等等组件,来达到数据分析和可视化的目的,使用这些图表的时候,有时个别值比较接近的时候,我们在这些图表中很难看出具体的大小,所以我们会引用数值标签或者提示信息的方式来帮助我们在这些组件上更直观的看出柱状图中每根柱子或者饼图中每个扇形区域等所对应的数据的具体情况。这两种方式是有区别的,数值标签是直接展示在图表组件中的内容,而提示信息是当鼠标悬浮在标签或图表相应区域上时所呈现的内容。两者都可以进行自定义,提示信息在自定义时较数值标签来说要复杂一点点。下面就让我们来看一下自定义后的数值标签和提示信息的效果吧,以及介绍如何去达到这样的效果。



从上图中我们可以看到数值标签和提示信息的样式都可以我们自己进行自定义,样式包括:字体大小,字体颜色,字体类型,字体粗细,数字格式等样式内容。


下面我们就来具体介绍数值标签和提示信息设置的步骤:


01

首先我们在制作报告模块拉出一个饼图组件。



02


然后给饼图绑定上相应的数据,由图中可见,我们绑定了利润、产品种类两个字段,其中占比字段其实是绑定的利润列,取了个别名而已,另外加上使用了动态计算器里的汇总百分比来进行占比计算。



03


完成数据绑定之后我们可以看到有个百分比的数值标签展示出来,我们需要选中某个数值标签,然后选择右侧组件工具栏中的格式,在文本格式中将自动切换为文本,然后再进行标签格式的设置操作。



04


在标签编辑框里可实现对数值标签格式的设置,其中只能引用图表所绑定的字段列,不能引用图表没有绑定的字段列,否则报错,其中保留小数位数的格式为{col[‘字段名称’],number,0.0%}


05


设置提示信息格式,在右侧组件工具栏中找到图形-提示信息,然后在提示信息框中输入相关内容,由于只有空白框,所以提示信息的设置比数值标签稍复杂一点点,但是同样也只能引用存在的列,引用没存在的列会弹出提示框告知。



06


在提示信息框内输入以下内容,具体可根据自身需求进行调整。

种类名称:{col["产品种类"]}

利润:{col["利润"]}

{col["产品种类"]}利润占比:{col["占比"],number,0.0%}

其中每一行都由<font>font>标签进行涵括,然后在font的属性中可设置对应的字体格式,包括如下:


07


两者都设置好了之后就呈现出下面的效果了。



简要介绍下饼图组件:

使用场景:用户需要显示一个数据系列中各项的大小与各项总和的比例,当用户更关注于简单占比时,适合使用饼图。

基本要求:



以上是本篇文章的全部内容,希望对你能够有所帮助。



评论
1855人参与,3条评论

精彩评论
  • 丁涵 2023-10-20 08:04
    说的太透彻了,一下子就理解了,谢谢帮助
  • 蔚翔 2023-3-18 00:05
    心里有数了,谢谢!前端的兄弟们我们冲啊!
  • xinren1 2022-12-5 09:05
    经典总结

查看全部评论>>

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

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

    扫码关注
  • 新浪微博

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

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

会员等你来哦

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