精华内容
下载资源
问答
  • 【可视化开发】数据大屏可视化技术汇总
    2022-04-16 15:55:39

    由于工作原因,需要用到一些大屏可视化技术,于是通过网上整理、自我学习等多途径,汇总了一份大屏可视化技术的思维导图,如下:

    这里主要汇总的是:

    大屏可视化技术!

    大屏可视化技术!

    大屏可视化技术!

    重要的事情讲三遍。

    即,适合投放于大屏的可视化技术。

    基础的图表工具和开发类库不在本次讨论范围内。

    本次汇总,包含了商用收费的、开源免费的,以及不同版本的阶梯收费情况。

    获取思维导图原文件,vx公众号搜索“老男孩的平凡之路”,后台回复“大屏技术”获取原始文件!


    我是 @马哥python说 作者,擅长python爬虫、python数据分析、python可视化等技术。

    知乎:马哥python说 - 知乎

    哔哩哔哩:马哥python说的个人空间_哔哩哔哩_Bilibili

    新浪微博:@马哥python说 的微博

    马哥vx/qq:493882434

    更多相关内容
  • 数据大屏可视化模版(设备状态监控大数据统计展示大屏) java源代码,可打开源码查看数据接口用于改成自己适用的数据大屏可视化界面
  • 数据大屏可视化编辑器
  • 数据大屏可视化模版(大数据可视化展板通用模板)源代码,可打开源码查看数据接口用于改成自己适用的数据大屏可视化界面
  • 数据大屏可视化模版(物流大数据服务平台) java源代码,可打开源码查看数据接口用于改成自己适用的数据大屏可视化界面
  • 数据大屏可视化模版(生产销售监控) java源代码,可打开源码查看数据接口用于改成自己适用的数据大屏可视化界面
  • 数据大屏可视化模版(运营大数据) java源代码,可打开源码查看数据接口用于改成自己适用的数据大屏可视化界面
  • 数据大屏可视化模版(新能源车联网数据概览演示案例) java源代码,可打开源码查看数据接口用于改成自己适用的数据大屏可视化界面
  • 数据大屏原型rp数据大屏原型rp数据大屏原型rp数据大屏原型rp数据大屏原型rp数据大屏原型rp数据大屏原型rp
  • 数据大屏可视化模版(智慧物流服务中心) java源代码,可打开源码查看数据接口用于改成自己适用的数据大屏可视化界面
  • 数据大屏可视化模版(设备环境监测平台) java源代码,可打开源码查看数据接口用于改成自己适用的数据大屏可视化界面
  • 数据大屏可视化模版(医院大数据展示) java源代码,可打开源码查看数据接口用于改成自己适用的数据大屏可视化界面
  • 数据大屏可视化模版(交通数据分析) java源代码,可打开源码查看数据接口用于改成自己适用的数据大屏可视化界面
  • 数据可视化大屏+Echarts+HTML+vscode开发环境,数据可视化大屏Echarts,柱状图、折线图、饼图、中国地图怎么使用。
  • 数据大屏可视化模版(电子商务公共服务平台大数据中心) java源代码,可打开源码查看数据接口用于改成自己适用的数据大屏可视化界面
  • DataView是一个基于Vue的数据可视化设计框架 提供用于可拖拽的控件 提供常用的图表如折线图等 表格,图片,文字组件 一键生成数据大屏 集成高级查询语法 截图 / Screenshot 开发 / Develop 前端部分:Vue.js Project ...
  • 数据大屏可视化模版(车联网平台数据概览) java源代码,可打开源码查看数据接口用于改成自己适用的数据大屏可视化界面
  • 数据大屏可视化模版(项目(工地)监控大屏数据统计) java源代码,可打开源码查看数据接口用于改成自己适用的数据大屏可视化界面
  • 30套数据可视化源码示例(数据大屏模板).rar
  • 数据大屏可视化模版(物联网平台数据统计) java源代码,可打开源码查看数据接口用于改成自己适用的数据大屏可视化界面
  • 数据大屏可视化 功能 便利性工具,结构简单,直接传数据就可以实现数据大屏 安装 pip install -i https://pypi.tuna.tsinghua.edu.cn/simple flask 运行 cd big_screen; python app.py; 大数据可视化展板通用模板 ...
  • 数据大屏可视化模版(出警活动情况分析) java源代码,可打开源码查看数据接口用于改成自己适用的数据大屏可视化界面
  • PSD,大屏可视化源文件,适合设计师快速实现设计稿,内容精细,快速提高工作效率,设计师面试优秀资源
  • 基于HTML与python的数据大屏可视化设计与实现
  • 数据大屏可视化模版(设备能效及企业管理平台)源代码,可打开源码查看数据接口用于改成自己适用的数据大屏可视化界面
  • ❝前沿:最近有需求开始接触数据可视化的开发,前期调研和体验了国内几家比较大的数据可视化解决方案提供商,并对开发中会涉及到一些工具做了筛选,经常在社区看到有小伙伴反馈相关方面的需求,于是借...

    前沿:最近有需求开始接触数据可视化的开发,前期调研和体验了国内几家比较大的数据可视化解决方案提供商,并对开发中会涉及到一些工具做了筛选,经常在社区看到有小伙伴反馈相关方面的需求,于是借此机会把我整理的一些工具分享出来,后期开发完成再针对整个过程中的心得体会进行分享

    1.前期调研

    开发前,大概先参考下国内现有优秀的数据大屏解决方案提供商,知道如下几个

    • 阿里云(DataV)文档链接

    • 网易有数(EasyScreen)文档链接

    • 腾讯云(腾讯云图)文档链接

    不过这几家厂商都是付费版本,唯独阿里云和网易有数还有个15天的免费试用体验时间

    2.功能解剖

    通过前期调研,大概梳理了一个简单的数据大屏可视化编辑所需要的功能包括如下几点

    3.工具推荐

    针对功能解剖后,拆解涉及的功能模块,不同模块中涉及到比如图表、拖拽、收缩放大、代码编辑器、图片导出、grid布局、动态表单等功能,如果你的前端团队比较小,无法独立去开发涉及到的这些功能模块,可以通过使用社区现有的成熟的开源工具来解决这些问题,避免重复造轮子

    3.1 Antv

    官方介绍:AntV 是蚂蚁金服全新一代数据可视化解决方案,致力于提供一套简单方便、专业可靠、无限可能的数据可视化最佳实践。官网链接 数据大屏开发中,可用于做组件控件区如饼图、环型图等的渲染

    Antv的产品线很多,我主要用的是G2Plot 开箱即用的图表库,简单易用,而且蚂蚁金服家的ChartCube 图表魔方也用的是G2Plot,主要借Antv来在线制作图,并快速生成code ChartCube官方链接

    3.2 Codemirror

    Codemirror是一个在线代码编辑器工具,能够实时在线代码高亮显示,而且许多社区很火的在线代码编辑器也是基于Codemirror开发的,数据大屏开发中,可用于做数据源的管理,支持在线编辑代码 官网链接

    也有开发者在原先基础上封装了vue和react版本的

    • vue-codemirror :文档链接

    • react-codemirror:文档链接

    如果是配置json数据源还可以用

    • jsoneditor:文档链接

    3.3 Vue.Draggable(Sortable.js)

    官方介绍:Vue.Draggable是基于 Sortable.js 的 Vue 拖放组件。它允许拖放和视图同步,基于并提供 Sortable.js 的所有功能,数据大屏开发中,可用于做控件拖拉功能,将不同控件的拖拉到画布中形成大屏。文档链接

    如果你不想用工具库,你也可以直接在H5的DragDrop API基础上开发,直接在要拖拽的元素上将draggable属性设置为true即可  文档链接

    3.4 vue-draggable-resizable

    vue-draggable-resizable组件用于可调整大小和可拖动的元素,且没有第三方库依赖。数据大屏开发中,可用于做画布中组件大小的调整。文档链接

    3.5 vue-grid-layout

    官方介绍:vue-grid-layout是一个类似于Gridster的栅格布局系统, 适用于Vue.js。灵感源自于 React-Grid-Layout,简单说就是一个vue栅格拖动布局的组件,用来实现可以拖拽的vue布局。数据大屏开发中,可用于画布中组件的布局。文档链接

    3.6 html2canvas

    html2canvas 可以轻松地帮你将HTML代码转换成Canvas,数据大屏开发中,可用于做大屏的图片生成,通过静态图片生成来分享数据。文档链接

    3.7 vcolorpicker

    vcolorpicker是vue颜色选择器组件,是仿照Angular的color-picker插件开发的 在数据大屏开发中,可用于做背景色等进行颜色选择 文档链接

    不过还是建议使用第三方组件库的颜色选择器,比如element组件库的ColorPicker,用户体验更佳

    3.8 vue-form-maker

    vue-form-maker是Vue动态生成表单组件,可以根据数据配置表单,不过使用的UI库是iView,当然你可以根据你使用的组件库进行修改。数据大屏开发中,可用于组件区的基本属性等表单的动态生成文档链接

    你也可以参考之前????酱的从0到1开发动态表单

    4.文章彩蛋

    之前刚上掘金lv4的时候,有小伙伴就调侃树酱说,“树酱君,你要“女装”呀”(啊呆你看你带的好节奏),树酱我这一个180的大壮汉女装是见不得人的,还是不要玷污社区这一片净土。于是我换一种文明点的形式,树酱君一直很喜欢音乐,平时唱歌????也是我生活中不可缺少的一种乐趣,一首周杰伦的《我是如此相信》(快手网页版)送给各位支持我的小伙伴????

    展开全文
  • html+CSS+JS+echarts,20个均可本地预览
  • PSD,大屏可视化源文件,适合设计师快速实现设计稿,内容精细,快速提高工作效率,设计师面试优秀资源
  • PSD,大屏可视化源文件,适合设计师快速实现设计稿,内容精细,快速提高工作效率,设计师面试优秀资源
  • 支持Axure8/9/10;130个可视化大屏BI模板RP文件高保真直接可以编辑修改 Axure8/9/10数据元件库组件库数据图表可视化大屏统计图数据原型 大屏大全可视化图表原件包括设计常用的...适合产品经理用Axure设计大屏可视化看版

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 14,877
精华内容 5,950
关键字:

数据大屏可视化