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

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

    STL容器 标签:c++ 目录 STL容器 容器的成员函数 所有容器都有的 顺序容器和关联容器 顺序容器(vector/string/list/deque) 容器 vector 构造函数 操作 set ...

  2. grafana中如何展示prometheus的延迟分布数据?

    最终效果 最终在grafana中展示了一个服务每分钟的延迟分布: 各个部分的含义如下: 1.时间的分布,从0.01秒到最多720秒 2.用颜色深浅代表次数.颜色越深,请求次数越多 3.时间轴,代表在这 ...

  3. 动态代理jdk的Proxy与spring的CGlib

    1. 为什么要使用动态代理? 动态代理:在不改变原有代码的情况下上进行对象功能增强 使用代理对象代替原来的对象完成功能 进而达到拓展功能的目的 2.JDK Proxy 动态代理面向接口的动态代理 特点 ...

  4. epoll(1)

    #include<stdio.h> #include<fcntl.h> #include<unistd.h> #include<sys/epoll.h> ...

  5. 使用内联的 CSS 变量技巧,提高灵巧布局效率!

    作者:Ahmad shaded 译者:前端小智 来源:sitepoint 点赞再看,微信搜索**[大迁世界]**关注这个没有大厂背景,但有着一股向上积极心态人.本文 GitHub github.com ...

  6. 【webpack4.0】---webpack的基本使用(四)

    一.什么是babel babel是一个编译javascript的平台,它可以编译代码帮你达到以下目的 1.让你使用最近的javascript代码(ES6 ES7) 而不用管新的标准浏览器是否支持   ...

  7. 码风QwQ

    注:卡常.压行时怎么有效怎么来QwQ 快读真香.( 不喜欢用字符数组,使用string. 此时cin cout输入前会加这样三句以优化: ios::sync_with_stdio(0); cin.ti ...

  8. 社交网络分析的 R 基础:(四)循环与并行

    前三章中列出的大多数示例代码都很短,并没有涉及到复杂的操作.从本章开始将会把前面介绍的数据结构组合起来,构成真正的程序.大部分程序是由条件语句和循环语句控制,R 语言中的条件语句(if-else)和 ...

  9. 「ZJOI2017」树状数组

    「ZJOI2017」树状数组 以下均基于模2意义下,默认\(n,m\)同阶. 熟悉树状数组的应该可以发现,这题其实是求\(l-1\)和\(r\)位置值相同的概率. 显然\(l=1\)的情况需要特盘. ...

  10. 对axios的理解

    axios是基于promise的,可以使用promise api axios的请求方式 axios(config) axios.request(config) axios.get(url [,conf ...