数据可视化的标注功能可帮助用户在图表上通过打点、画线、画面的方式,突出局部重点,并可在标注处对图表做文字补充说明。标注有助于快速吸引浏览者注意、同步数据分析过程、共享数据分析结论。。

Sugar BI大屏和报表内的图表标注支持柱状图、折线图、散点图、瀑布图、甘特图,数据绑定方式可以是数据模型、sql 建模、api 方式。静态 JSON 方式的不支持。 图表标注功能仅限在高级版和私有部署中可使用。

标注类型

Sugar BI 中的标注共分 3 类,分别是标注点、标注线与标注面积。每种类型的标注都可以自定义添加解释说明文字。

  • 标注点:常用于对某些特定点或者异常值进行解释说明(数据点/固定点均可);

  • 标注线分为两种:

  • 手工描绘的“趋势线”。常用于标记一组数据的走向,并可以通过标注对其进行解释说明。

  • 固定某个点 X 轴/Y 轴的坐标,从而描绘一条平行于轴线的线。常用于标记具有特殊含义的值,例如平均值、目标值等,让阅览者更快注意到。

  • 标注面积:常用于对某个区域的一组值进行圈选说明。

进入标注

在图表区域右键点击菜单的【进入标注】或报表页内图表右上角下拉菜单的【进入标注】可以进入标注模式。

​添加标注点 进入标注模式后,在想要添加标注的位置点击一下就可以弹出标注编辑区,可以修改标注要显示的文字内容、文字显示方式、标注图形颜色等。文字显示方式还有不显示文字和悬浮显示文字(只有鼠标悬浮到标注上时才会显示文字)。 系列是必选项,【共享】可设置该标注仅本人可见,所有人可见(包括分享页面的浏览者也可见,不支持按用户细分的可见权限)。 文字内容支持写入变量,如 {xAxis}、{yAxis}、{seriesName}。

​当点击的标注位置很靠近图表的某个数据点时会自动使用数据点标注。数据点标注是指标注的位置会随数据变动,一直保持正好标在某个数据值上。数据点标注不支持散点图以及 X Y 轴都是纯数字的图表。

注意:标注保存后不支持再修改 X Y 轴的数值等位置信息,只能修改文字内容和标注样式。想要修改标注位置的只能删除重新添加。有报表编辑权限的才可以设置【共享】为所有人可见,否则只能设置为仅本人可见。分享页的图表只加载所有人可见的标注。 添加标注线 操作同添加标注点,【标注点】切换成【标注线】,在【类型】选择【Y 轴固定值】或【X 轴固定值】确认好固定值后保存。 文字内容支持写入变量,如 {xAxis}、{yAxis}、{seriesName}。

​进入标注模式后,确认好要趋势线的起始点和终止点,按下鼠标不松开,开始拖动会出现辅助线,拖动到合适的范围后松开会弹出编辑区,把【标注面积】切换成【标注线】来标注对角线。可以修改文字和样式设置。 文字内容支持写入变量,如 {startX}、{startY}、{endX}、{endY}、{seriesName}。

添加标注面积 进入标注模式后,确认好要标注面积的范围,按下鼠标不松开,开始拖动会出现辅助面积和辅助线,拖动到合适的范围后松开会弹出编辑区,可以修改文字和面积的样式设置。 文字内容支持写入变量,如 {startX}、{startY}、{endX}、{endY}、{seriesName}。

​编辑标注 编辑或删除标注时只需在【进入标注】后鼠标悬浮到某个标注上点击即可弹出编辑区,所以建议不要在同一位置或相邻很近的位置重复添加标注,否则很难选中编辑。 注意:编辑完所有标注后及时【退出标注】

​标注管理列表 在图表右键或报表页右上角可点击【标注列表】进入标注管理列表,报表编辑人员可以看到所有属于该图表的标注,其他人员在标注列表只能看到本人添加的标注,可进行删除操作。

​Sugar BI还有免费30天试用的活动,大家可以去看Sugar BI他家的官网哦~

https://cloud.baidu.com/product/sugar.html?track=csdn

Sugar BI数据可视化图表标注相关推荐

  1. 百度Sugar BI 数据可视化里的标签页组件如何实现

    百度Sugar BI 标签页组件可方便用户在一个页面中对多个报表页面进行集中查看.标签页组件通过配置选项卡切换,满足企业人员在业务工作中,对业务平级内容的收纳与展示. Sugar BI支持用户自定义设 ...

  2. 宝藏级BI数据可视化功能|图表联动分析

    在浏览其他人的BI数据可视化报表时,经常会发现这样的一个现象,点一下上一张数据可视化图表中的某个门店,下一张图表将立即针对该门店展开数据可视化分析.这是什么效果?怎么实现?BI软件中还有多少宝藏级BI ...

  3. 【Python】20个小技巧,让数据可视化图表更专业!

    参考 uxdesign Taras Bakusevych 数据可视化是数据展示的常见方式,所谓一图抵千言,好的图表能高效传递信息,让观众一目了然,差的图表往往会不知所云. 人类大脑的一半完全是用于处理 ...

  4. 数据可视化图表类型_数据可视化中12种最常见的图表类型

    数据可视化图表类型 In the current era of large amounts of information in the form of numbers available everyw ...

  5. python怎么做图表好看_如何制作有趣好看的数据可视化图表?

    工具方面 制作可视化各回答都忽略了一点,就是所展示数据的量和复杂度. 如果数据很简单,数据量很小(万行以内),数据很干净(很少有错误值和空缺值等),这种情况下如果为了单纯的图表可视化,建议用Excel ...

  6. 28个数据可视化图表的总结和介绍

    数据可视化本身就是一种通用语言.我们这里通用语言的意思是:它能够向各行各业的人表示信息.它打破了语言和技术理解的障碍.数据是一些数字和文字的组合,但是可视化可以展示数据包含的信息. "数据可 ...

  7. 数据分析可视化04 图表组件:Echarts数据可视化图表基础

    本课时是课程的第二个模块,环境部署篇的第一个课时.在第一部分的基础理论篇,我向你介绍了数据可视化分析的概念定义.方法体系和关键技术.接下来,我会带你了解基于开源框架,如何部署数据可视化分析的开发环境, ...

  8. 安利一款数据分析工具,简单几步便可获得动态数据可视化图表

    ​关于数据可视化,想必小编再多说它的含义以及重要性了吧,我们在日常生活中就已经多多少少地接触过数据可视化大屏,或是看过色彩丰富的动态数据可视化图表,但是自己做出来往往没有人家的动态可视化图表炫酷- 那 ...

  9. echarts legend颜色_echarts数据可视化图表(二):双柱状图

    echarts数据可视化图表(二):双柱状图 效果图: html js var loadEcharts09 = function () { var myChartss = echarts.init(d ...

  10. echart 数据视图_关于数据可视化图表的制作,你需要关注的30个小技巧

    优秀的数据可视化图表只是罗列.总结数据吗?当然不是!数据可视化其真正的价值是设计出可以被读者轻松理解的数据展示,因此在设计过程中,每一个选择,最终都应落脚于读者的体验,而非图表制作者个人. 今天就给大 ...

最新文章

  1. python爬网页源码_python爬虫爬取网页的内容和网页源码不同?
  2. 第十期 华为拓扑-OSPF配置
  3. 超级vga显示卡_VGA 显示卡简介
  4. CUDA系列学习(三)GPU设计与结构QA coding练习
  5. mootools脚本框架下载
  6. tensorflow log 日志级别设置
  7. DCX读书报告Bring structure to the web有感
  8. php数组交集方法,PHP获得数组交集与差集的方法
  9. 经典面试题(39):以下代码将输出的结果是什么?
  10. 微信公众平台开发教程第22篇-如何保证access_token长期有效
  11. BootStrap入门教程 (二)
  12. android ORM框架的性能简单测试(androrm vs ormlite)
  13. 科沃斯扫地机器人阿尔法_科沃斯(Ecovacs)阿尔法地宝简单开箱
  14. 【小记】-007--前端SEO优化
  15. 勒索软件的激荡三十年
  16. springBoot整合tkMybatis
  17. 在使用Assimp库时编译器报错:C2589 “(”:“::”右边的非法标记 AssimpLoadStl
  18. 11、C++各大有名库的介绍——综合
  19. 双机互联(交叉线方法)
  20. .net支付宝沙箱二维码支付

热门文章

  1. 正确卸载IE8并恢复IE6的两种方法
  2. 如何生成微信小程序码(获取微信小程序码)
  3. word如何插入和删除脚注,尾注
  4. 泛微OA系统排名?泛微OA办公系统怎么选?什么是用户口碑最好的泛微OA系统?
  5. 谁偷了我的1天,JSON格式化时区问题
  6. 迅捷路由器造成计算机无法上网,迅捷(FAST)300M无线路由器设置后不能上网的解决方法...
  7. [OGeek2019 Final]OVM
  8. sendmail php qq垃圾邮件,发送邮件,被QQ定义为疑似垃圾邮件,如何解决这个有关问题...
  9. 真正拖垮打工人的,是沉没成本
  10. 迷你计算机可玩游戏,e客迷你电脑能玩什么游戏