在数据量越来越大的今天,如何利用好数据,更好的为人类社会服务,成为人们所关心的话题,而其中数据可视化作为最后一个环节,也是人们最为直观的感受,自然而然备受重视。同质化的应用越来越多,应用开发者也开始在用户体验上下功夫,比如数据可视化,将一大堆密密麻麻的数字转成图表形式,可以更直观地向用户展示数据之间的联系和变化情况,减少用户的阅读和思考时间,以便很好地做出决策。技术发展到了今天,人们一直在探索,从最初的代码,到代码复用,再到对象化,直至页面模板化,种种先进的技术层出不穷,而页面模板化的出现,也让很多数据可视化的工具如雨后春笋般冒了出来。

模板化的好处,除了代码更少,最大的好处就是方便了产品化,目前市面上主流的数据可视化工具,均采用了页面模板化的概念,这样大大方便了我们的数据可视化。但随着人们个性化越来越强,这种模板化的产品逐渐满足不了人们日益增长的个性化需求。于是乎,直到今天个性化的定制化开发,依然普遍的存在于各大企业的生产服务线之中,究其原因,就是模板化的产品好是好,解决了我99%的问题,但是1%的个性化需求,满足不了,这就是一个失败的产品。

那这1%的痛点是什么呢?究其原因无外乎就是:界面用户随意布局,突破了原先页面模板的概念,更加的细分,页面应该有模块的概念,各模块间可以随意控制,并随意布局,不受任何约束。

那么如何解决这个痛点呢?这就是我们今天需要和大家分享的鼠标拖拽使用的可视化BI,看一下以下这张图,一个收入分析表,主要有五个模块,或许你会觉得很普通,随便用一个报表工具就可以做出来,但做出这样的表简单,做完图表后想修改,却不是那么简单。想把下边的柱形图和圆环图换个位置,要怎么操作呢?

删掉重新制作?太麻烦了!会消耗自己大量的工作时间。但这个可视化BI工具很不一样,可以利用鼠标随意拖拽每个版块,移动。请看下图,我们只需要1秒钟的时间即可实现调换:

又或者这样大面积的调换

这就是我们今天要跟您分享的鼠标拖拽使用的Smartbi。顾名思义,拖拽使用的Smartbi是把页面进行了模块化切分,同时模块间可以互相控制,又可以进行随意的位置移动。就如上面几张图一样,这样就可以解决用户页面个性化布局的问题。对于设计者来说,只需要关心每个模块所实现的功能,及模块之间的控制即可,这个是不是有点像集成电路里的模块化控制,只不过鼠标拖拽使用的设计更加先进,随意摆放随意布局,而且还不影响之间的控制关系。这个痛点一解决,那么产品化的可视化工具Smartbi,就可以彻底解决困扰人们多年的数据可视化工具无法替代人工开发的难题了。所以,我们不得不由衷的感慨,拖拽使用的可视化工具,确确实实是数据可视化里面的一座里程碑似的存在!

可视化里程碑:可拖拽使用的可视化BI工具的更多相关文章

  1. js实现可视化区域内拖拽

    <!DOCTYPE html> <html lang="zh"> <head> <meta charset="UTF-8&quo ...

  2. 拖拽编写SVG图形化工具(二)

    getAttributesNs/setAttributesNs element.setAttributeNS(namespace,name,value) namespace 是指定属性的命名空间的一个 ...

  3. 解决Delphi图形化界面的TEdit、TLable等组件手动拖拽固定大小,但是编译之后显示有差别的情况

    经常遇到这样的情况,在我们使用Delphi的可视化工具进行UI设计的时候,我们拖拽TEdit或者Label组件,并且在可视化界面上设置它们的长.宽 但是当我们编译和运行程序的时候,却发现真正显示出来的 ...

  4. RecyclerViewItemTouchHelperDemo【使用ItemTouchHelper进行拖拽排序功能】

    版权声明:本文为HaiyuKing原创文章,转载请注明出处! 前言 记录使用ItemTouchHelper对Recyclerview进行拖拽排序功能的实现. 效果图 代码分析 ItemTouchHel ...

  5. Qt之股票组件-自选股--列表可以拖拽、右键常用菜单

    目录 一.开头嘴一嘴 二.效果展示 三.自选股列表 1.列表初始化 2.添加Item 3.右键菜单 4.拖拽Item 5.刷新数据 四.相关文章 原文链接:Qt之股票组件-自选股--列表可以拖拽.右键 ...

  6. RecyclerView进阶:使用ItemTouchHelper实现拖拽和侧滑删除

    现在RecyclerView的应用越来越广泛了,不同的应用场景需要其作出不同的改变.有时候我们可能需要实现侧滑删除的功能,比如知乎首页的侧滑删除,又或者长按Item进行拖动与其他Item进行位置的交换 ...

  7. 工欲善其事必先利其器---SQL在线可视化模型设计,(还可学习拖拽知识)

    作为技术人员,在开发项目中,不可避免的要跟数据库打交道,一个完整的项目正常情况下是讨论完整体需求,有了大致的框框在脑海中后,是需要设计合理的数据库的,这时会有其他的专业的UML建模工具可以使用, 但是 ...

  8. Bootstrap 可视化布局--拖拽后弹窗进行编辑

    Bootstrap 可视化布局--拖拽后弹窗进行编辑 最近后台想一个需求,使用可视化布局-中文 | en中拖拽表格后,弹窗进行编辑,保存下载后在后台生成pdf格式. 奈何各种问题不断,使用 jquer ...

  9. 【拖拽可视化大屏】全流程讲解用python的pyecharts库实现拖拽可视化大屏的背后原理,简单粗暴!

    "整篇文章较长,干货很多!建议收藏后,分章节阅读." 一.设计方案 整体设计方案思维导图: 整篇文章,也将按照这个结构来讲解. 若有重点关注部分,可点击章节目录直接跳转! 二.项目 ...

随机推荐

  1. deepin20搜狗输入法使用

    放大打字框 打出中文语句符号

  2. Sentry 开发者贡献指南 - 什么是 Scope, 什么是 Hub?

    当一个事件被捕获并发送到 Sentry 时,SDK 会将该事件数据与来自当前 scope 的额外信息合并.SDK 通常会在框架集成中为您自动管理 scope,您无需考虑它们.但是,您应该知道 scop ...

  3. gin中的文件上传

    1. 单文件上传 package main import ( "fmt" "github.com/gin-gonic/gin" "log" ...

  4. 集合框架-Vector集合

    1 package cn.itcast.p1.vector.demo; 2 3 import java.util.Enumeration; 4 import java.util.Iterator; 5 ...

  5. postgresql dba常用sql查询语句

    查看帮助命令 DB=# help --总的帮助 DB=# \h --SQL commands级的帮助 DB=# \? --psql commands级的帮助 \dn[S+] [PATTERN],其中[ ...

  6. PyTorch 介绍 | DATSETS & DATALOADERS

    用于处理数据样本的代码可能会变得凌乱且难以维护:理想情况下,我们希望数据集代码和模型训练代码解耦(分离),以获得更好的可读性和模块性.PyTorch提供了两个data primitives:torch ...

  7. 技术管理进阶——Leader应该关注成长慢的同学吗?

    原创不易,求分享.求一键三连 两个故事 我该怎么办? ​在大学毕业的时候,恩师跟我说了一个故事: 有一个女同学跟他说,不知道毕业了该干撒,不知道该怎么办. 正处于「低谷期」的恩师突然一怔,想到貌似自己 ...

  8. uniapp 小程序全屏的实现

    通过设置navigationStyle, 即自定义导航实现背景全屏 参考文章:  微信小程序 自定义头部导航栏 navigationStyle 代码部分 在page.json中, 加入 "n ...

  9. imagenamed和imageWithContentOfFile的区别

    @implementation ViewController /** 图片的两种加载方式: 1> imageNamed: a. 就算指向它的指针被销毁,该资源也不会被从内存中干掉 b. 放到As ...

  10. java中的成员变量和局部变量的区别

    成员变量: 在类体里面定义的变量叫做成员变量: 如果在变量有static关键字修饰,就叫作静态变量或类变量: 如果该变量没有static关键字修饰,就叫作非静态变量或实例变量: 局部变量: 方法内定义 ...