精华内容
下载资源
问答
  • 大屏

    2020-06-16 10:53:15
    http://datav.jiaminghi.com/guide/waterLevelPond.html#矩形水位图
    展开全文
  • 基于 Echarts 实现可视化数据大屏展示

    万次阅读 多人点赞 2019-09-05 15:28:48
    收集了一套基于 Echarts 实现可视化数据大屏响应式展示效果的源码,共计30个页面,可以在此基础上重新开发。 实现方式:html + Echarts 贴图 有需要的可以联系我 暂时不开源,之后会考虑写教程和开源项目。 ...

    前言

    收集了一套基于 Echarts 实现可视化数据大屏响应式展示效果的源码,共计30个页面,可以在此基础上重新开发。
    实现方式:html + Echarts

    贴图

    在这里插入图片描述

    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述

    源码

    好了好了,现在开源代码;

    求源码的各位,码字不易,千万不要吝啬你们的Star点赞评论哦~

    github项目地址基于 Echarts 实现可视化数据大屏展示

    没有github的可去我的资源下载压缩包:echars模板.7z

    另附近期整理的地图解析的博客:使用echarts完成中国省市区县镇地图展示;

    如果本文对你有帮助的话,请不要忘记给我点赞留言打call哦(混个积分)~o( ̄▽ ̄)do
    有其他问题留言 over~

    展开全文
  • 大屏数据可视化案例

    万次阅读 多人点赞 2018-06-25 18:07:38
    数据可视化:把相对复杂的、抽象的数据通过可视的、交互的方式进行展示,从而形象直观地表达数据蕴含的信息和规律。 数据可视化是数据空间到...大屏数据可视化应用的难点并不在于图表类型的多样化,而在于如何能在...

    数据可视化:把相对复杂的、抽象的数据通过可视的、交互的方式进行展示,从而形象直观地表达数据蕴含的信息和规律。
    数据可视化是数据空间到图形空间的映射,是抽象数据的具象表达。
    数据可视化交互的基本原则:总览为先,缩放过滤按需查看细节。

    大屏数据可视化是当前可视化领域的一项热门应用,通常可以分为信息展示类、数据分析类及监控预警类。
    大屏数据可视化应用的难点并不在于图表类型的多样化,而在于如何能在简单的一页之内让用户读懂数据之间的层次与关联,这就关系到布局、色彩、图表、动效的综合运用。如排版布局应服务于业务,避免为展示而展示;配色一般以深色调为主,注重整体背景和单个视觉元素背景的一致性。
    制作可视化大屏,最便捷有效的方式是使用DataV、帆软等报表工具,而本示例项目则使用ECharts自行开发。

    项目案例 - 上市公司全景概览
    在这里插入图片描述

    地图数据可视化 - 基于ECharts Geo
    这里写图片描述

    3D图表展示 - 基于ECharts GL
    这里写图片描述

    热力图展示 - 基于ECharts & 百度地图
    这里写图片描述

    ECharts扩展示例
    这里写图片描述

    旭日图 - 基于ECharts V4.2
    在这里插入图片描述

    地理信息数据 - ECharts & Baidu Map
    在这里插入图片描述

    项目Git地址:https://github.com/yyhsong/iDataV
    演示地址:https://yyhsong.github.io/iDataV

    后记:
    除自行开发可视化大屏外,还可以通过第三方服务来快速实现,如阿里云DataV、腾讯云图、百度Sugar等,具体可参考:https://blog.csdn.net/hwhsong/article/details/83097924

    展开全文
  • 原来酷炫的大屏,用Excel就能做

    万次阅读 多人点赞 2020-04-16 19:42:26
      前段时间用tableau做了可视化大屏,大家有的说说没学过tableau,有的说不会做,但就是觉得很炫。   因此,有人私聊我说用excel能做可视化大屏吗?当然,这是可以的,基于粉丝的这个需求,我们今天来讲述一下,...

      前段时间用tableau做了可视化大屏,大家有的说说没学过tableau,有的说不会做,但就是觉得很炫。
      因此,有人私聊我说用excel能做可视化大屏吗?当然,这是可以的,基于粉丝的这个需求,我们今天来讲述一下,怎么使用excel做一个简单的可视化大屏。
      通过本文,你将会收获如下这些知识:数据去重、excel常用函数、数据验证、excel常用图表、切片器,以及如何利用excel做数据清洗。做完以后的效果图,我们先进行一个展示。
      效果如下:
    在这里插入图片描述
      如果觉得文章写得好,请关注公众号:【数据分析与统计学之美】,进群和作者交流!

    目录

      1、项目需求
      2、数据说明
      3、本文写作思路(xmind做的思维导图)
      4、数据浏览
      5、数据清洗
      6、维度汇总
      7、可视化大屏的制作过程
      8、数据的获取

    1、项目需求

      现如今,手机销售市场竞争激烈。某通信公司要求我们从地区、品牌、时间、用户等多维度分析移动终端的销售数据,用于判断和辅助营销决策。

    2、数据说明

      本次案例演示共涉及到两张表,都是从甲方的业务系统中抽取的,并经过脱敏后用于本次案例展示。一张表是详细的销售数据,共涉及到4万多条数据;一张表是手机的价格表,共117条数据。

    3、本文写作思路

    在这里插入图片描述

    4、数据浏览

      数据浏览是为了让我们对数据有一个清楚的认识,知道数据源的每一列表示的什么,同时知道哪些数据是脏乱的数据,为以后数据清洗做了一个铺垫。

    1)选中所有数据,并打开筛选器

      从下图中可以看出,每一列的标题都多了一个筛选器。
    在这里插入图片描述

    2)剔除无关列,保留有用字段

      进行操作的时候,不要直接针对源数据进行操作,最好是复制一份数据出来,用于数据操作。经过删除之后,我们最终保留了如下数据。
    在这里插入图片描述

    3)针对每一列数据,使用筛选器进行查看,看看哪些列需要进行数据处理

      经过查看,我们发现如下数据存在脏数据,接下来我们将这些列进行标记一下,方便以后做数据清洗(由于现在列数较少,你可以不做标记,但是当列较多的时候,你不标记一下,以后肯定会忘记哪些列需要进行数据处理)。
    在这里插入图片描述

    4)对存在脏数据的列进行表记

    在这里插入图片描述

    5、数据清洗

    1)针对“月”列的数据清洗

    在这里插入图片描述
    清洗完成以后,可以查看是否清洗干净。

    2)针对“地区名字”列的数据清洗

    在这里插入图片描述

    3)针对“年龄”列的数据清洗

    在这里插入图片描述
    注意:针对这一列,我们直接求了一个绝对值。你可能会问,你咋知道这样处理呢?我也不知道,这个你需要和业务方沟通,他如果告诉你这种错误,是数据录入时,不小心加了一个“-”号导致的,那么你就这样处理。

    4)针对“年龄”列,进行离散化处理

    在这里插入图片描述

    5)针对“性别”列的数据清洗

      其中,1和M表示男生;2和F表示女生。我们这里要做的,就是将所有的1和M变为男生,2和F变为女生。
    在这里插入图片描述

    6)在源数据中增加“单价”这一列

    在这里插入图片描述

    7)新增“销售额”这一列

    在这里插入图片描述

    8)excel中使用if()函数的技巧

    在这里插入图片描述

    6、维度汇总

    1)维度汇总的初始效果大致如下

      当然,我只是为了更清晰的展示这个案例,才写的较为详细,这些步骤你完全可以在下面很快的进行操作。
    在这里插入图片描述

    2)数据验证:添加“年份选择”的下拉框

    在这里插入图片描述
    最终效果如下:
    在这里插入图片描述

    3)求“总销量”:利用sumif()条件求和

    在这里插入图片描述

    4)求“总销售额”:利用sumif()条件求和

    在这里插入图片描述

    5)求“总订单数”:利用countif()条件计数

    在这里插入图片描述

    6)针对“地区维度”的处理
    ① 数据去重

      首先把“源数据”表的地区名字这一列,粘贴到地区这里,然后再选中这一列,点击“删除重复值”。
    在这里插入图片描述

    ② 使用sumifs()多条件求和:求出销量

    在这里插入图片描述

    7)针对“品牌维度”的处理
    ① 数据去重

    在这里插入图片描述

    ② 使用sumifs()多条件求和:求出销量

    在这里插入图片描述

    8)针对“时间维度”的处理
    ① 数据去重

    在这里插入图片描述

    ② 使用sumifs()多条件求和:求出销量

    在这里插入图片描述

    9)针对“用户维度”的处理
    ① 数据去重

    在这里插入图片描述

    ② 使用sumifs()多条件求和:求出销量

    在这里插入图片描述

    10)同理,进行销售额分析,这里就不进行一一演示了

    在这里插入图片描述

    7、可视化大屏的制作过程

    1)给大屏添加一个“深蓝色”的背景

      注意:可视化大屏的制作,我们也另外开一个SHEET窗口。
    在这里插入图片描述

    2)插入文本框:添加一个标题

    在这里插入图片描述

    3)另外插入几个文本框,用于制作“订单总数”、“总销售额”、“总销量”和“请插入年份”

    在这里插入图片描述

    4)插入每一个需要展示的图形

      这一步其实很简单,大家只需要选中“维度汇总”这个SHEET表中的数据源,然后添加你想绘制的图行即可。由下图可以看出,每一个维度的数据,我们都计算好了摆放在这,你需要啥,就使用啥。我们将做出来的图,直接ctrl+s粘贴到可视化大屏中即可。
    唯一难的在哪里呢?就是格式的调整,但其实格式的调整也很容易,不就是“点击”吗,因此大家下去自行琢磨。
    在这里插入图片描述
    最终效果如下:
    在这里插入图片描述

    5)在“可视化大屏”中,进行联动效果的设置

    在这里插入图片描述
      从上图中可以看出,这里每一个条件求和公式中,引用的日期都是“维度汇总”sheet表中的F1单元格。但是在大屏中,我们同样做了一个这样的下拉菜单,我们需要将这个页面中,引用了“维度汇总!$F11”单元格的公式,全部替换为“可视化大屏的制作C$3”。

    ① 完成如下操作:显示公式的操作(以前没有用过的)

    在这里插入图片描述

    ② 当出现如下界面,点击ctrl+F,打开替换窗口,并完成如下操作

    在这里插入图片描述

    ③ 接着,关闭“显示公式”的操作

    在这里插入图片描述

    ④ 将“维度汇总”中如下三个单元格的公式,都复制粘贴到可视化大屏中

    在这里插入图片描述
    操作如下:
    在这里插入图片描述

    ⑤ 效果展示

    在这里插入图片描述

    8、数据的获取]

      关于本篇文章使用的数据,大家可以加我博客上面的微信(电脑查看我主页),进行获取。由于百度云盘容易失效,采取了这个方式。

    展开全文
  • echarts大屏展示

    2018-11-19 16:02:45
    echarts大屏展示
  • 2020年了,还有人不会可视化大屏? 我以前不止一次给各位看过可视化大屏,无论是什么做的,最终的意义都是要让数据展现的更直白、美观、有科技感一点! 或许,你以前是用Excel做可视化大屏 或者,你以前是用vue....
  • 20套大屏模板
  • gis 大屏_大屏简介

    2020-12-22 13:06:50
    1数字大屏显示系统简介多投影图像融合数字大屏显示系统采用一组普通投影仪以正投影或背投影方式把图像投射在平面幕、柱面幕或球面幕等特殊屏幕上,基于计算机视觉技术和分布式并行处理,通过边缘融合技术显示出一个...
  • 为了满足这种诉求,大屏拼接应运而生。此外,能实现超大画面的还有基于投影技术的边缘融合技术。从目前的情况来看,在超大图像的应用方面,各项技术是“各花入各眼”,在不同的领域发挥着各种不同的优势。  ...
  • echarts大屏展示模板BI大屏展示5套,BI大数据大屏展示,百度echarts前端模板,医疗,环境检测,数据大屏展示
  • Echarts可视化大屏

    2021-04-06 18:08:52
    Echarts可视化大屏
  • 数据大屏可视化模版(设备状态监控大数据统计展示大屏) java源代码,可打开源码查看数据接口用于改成自己适用的数据大屏可视化界面
  • 大屏模板bigscreen.zip

    2020-12-04 09:19:29
    大屏模板bigscreen。大屏模板bigscreen。大屏模板bigscreen。大屏模板bigscreen。
  • 数据大屏可视化模版(项目(工地)监控大屏数据统计) java源代码,可打开源码查看数据接口用于改成自己适用的数据大屏可视化界面
  • 大屏干货.zip

    2019-05-15 20:57:27
    可视化大屏的案例,干货可视化大屏的案例,干货可视化大屏的案例,干货可视化大屏的案例,干货可视化大屏的案例,干货
  • 大屏数据可视化模板

    万次阅读 多人点赞 2019-04-30 17:20:52
    在开发大屏数据可视化项目时,除了各类报表的开发外,大屏的风格设计也是一项十分重要且耗时的工作。 本文推荐的几款大屏模板,旨在帮助那些有大屏数据可视化开发需求的同学能够快速上手,把更多的时间、精力放在...
  • 大屏分屏助手

    2019-03-27 15:44:07
    大屏分屏助手,好用。对于宽屏而言,挺实用的,我一直在用
  • 大屏音乐html模板

    2018-08-23 18:38:30
    大屏音乐html模板,大屏音乐html模板,大屏音乐html模板
  • vue大数据可视化(大屏展示)解决方案

    万次阅读 多人点赞 2020-04-21 14:09:10
    一个基于 vue、datav、Echart 框架的大数据可视化(大屏展示)模板,最近更新了详细的介绍说明,实现大数据可视化。通过 vue 组件实现数据动态刷新渲染,内部图表可自由替换。部分图表使用 DataV 自带组件,可自由...
  • 大屏页面能够在大屏和电脑自适应

    千次阅读 2019-08-08 17:56:07
    5760*2160是大屏比例,原型设计按照这个开发,如果通过zoom方式修改,只能针对大屏适应,下面的代码能够让大屏页面即在大屏适应展示,也能够在电脑适应展示 //监听浏览器变化 window.onresize = function() { ...
  • 大屏展示 echart 实例

    2021-04-09 08:45:56
    用echart智慧大屏,页面直接打开可以直接看到效果
  • 大屏展示源码

    2018-04-03 14:54:49
    使用echarts实现大屏展示 包括数据源码 可修改无加密 包含地图、饼图、柱形图、折线图、等多种常用图表
  • 基于echarts数据大屏

    2019-03-12 10:16:49
    echarts大屏展示,一个用于项目的初步完成的前端大屏展示界面
  • 数据大屏原型rp数据大屏原型rp数据大屏原型rp数据大屏原型rp数据大屏原型rp数据大屏原型rp数据大屏原型rp
  • 大屏展示

    2020-08-25 13:41:22
    前端大屏展示 无形装逼最为致命DataV 官网地址:http://datav.jiaminghi.com 小编建议可以从码云或者github上直接clone一份缝缝补补,省点时间陪女朋友 码云:https://gitee.com/liulili963/vueDatav.git
  • 大屏数据可视化 重要声明 本项目所有案例采用的数据均属虚构,切勿当真! 项目案例-上市公司全景概览 综合使用条形图,柱状图,折线图,饼图,地图,数字翻牌器来实现一个常规的大屏数据可视化项目。 项目案例-上市...
  • 大屏介绍

    2019-09-27 06:29:13
    帆软为企业提供数字大屏解决方案,通过帆软的数据分析产品,用户可以构建强大、全面的“管理驾驶舱”,无需专门设计,就可以将企业的数据管理信息完美地投放在任何屏幕,比如交易大厅、管控中心、生产车间、展览中心...
  • 智慧物流大屏.rar

    2020-08-13 19:09:32
    echarts实现可视化大屏,此代码针对物流类做的一款大屏,希望能帮助到大家 echarts实现可视化大屏,此代码针对物流类做的一款大屏,希望能帮助到大家
  • 大屏FAQ

    2019-09-27 06:29:17
    1. 大屏可以分为哪几类?帆软有哪些大屏硬件合作商?编辑 拼接屏:通常由单个46-55寸的液晶显示屏组成屏幕墙,存在拼缝,借助矩阵、屏控系统来进行信号的输入与输出控制,可以实现屏幕墙上多个屏幕的组合、...
  • LedshowTVsetup2017大屏控制 完全免费的一款软件。

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 15,233
精华内容 6,093
关键字:

大屏