展开

关键词

兰州拉面和水电大坝都在玩的数据大屏,到底是什么“黑科技”?

7月15日数据侠实验室第15期活动中,阿里云开发专家、DataV核心开发者郑新林为我们介绍了阿里在大屏方面的产品布局,并通过多场景的大屏应用案例,从技术角度分享了通过DataV系统快速搭建一个数据大屏 7月15日,在数据侠实验室第15期的活动中,DT君邀请到阿里云开发专家、DataV核心开发者之一的郑新林,为我们分享了数据大屏背后的商业应用场景,以及通过DataV的系统,非专业的小白们,才能快速搭建一个数据大屏呢 ▍数据大屏的典型商业应用场景:展示、监控、工业、电商等今天我主要通过案例来讲讲,将数据大屏的应用场景和数据来结合。第一个例子,是第一财经此前基于DataV产品搭建的一个大屏,主题和全国的房价有关。 从中可以判断,快速补充原材料、配送怎么做。对于其他很多大公司比亚马逊、菜鸟等,只要数据分析或者AI等做得足够好,物流等方面的需求是可以预测来的。 (图片说明:基于DataV制作的兰州牛肉面生态数据平台案例) ▍通过DataV制作一个数据大屏上面提到的这些案例,其实都基于DataV这个产品来搭建。

67000

使用rollup创建组件库

初始化项目mkdir rollup-datav-libscd rollup-data-libsnpm init -ynpm i rollup -D在package.json文件中添加dev命令 dev: rollup{ name: rollup-datav-libs, version: 1.0.0, description: datav commponents library, main: index.js libs example 用浏览器打开examplesindex.html 观察使用效果果希望同时输umd模式和es模式,可以修改rollup.config.dev.js文件中的output设置, console.log(inputPath) module.exports= { input: inputPath, output:, plugins:}全局安装babel-node,让你在项目中可以使用es的语法 module.exports= { input: inputPath, output:, plugins:, external: } 在项目开发中有时候需要引入json文件 ,这时候需要安装json插件,不然打包会

24420
  • 广告
    关闭

    腾讯云前端性能优化大赛

    首屏耗时优化比拼,赢千元大奖

  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    可视化大屏

    做可视化大屏的软件有很多,比阿里的DataV、观远数据、Yonghong Y-Vivid Show、帆软软件等,通过一段时间的使用,最容易上手、做来最漂亮的还属阿里的DataV了。 我们遇到任问题,都可以去群里咨询相关的老师,都会为我们答疑,使我们很快的上手。最关键的就是有详尽的文档,为我们介绍每一个组件是做什么的,以及使用这个组件。    接下来,通过思维图的方式详细给大家介绍这几种图表应该选择以及适用的场合。 ?   通过上述思维图的过程,大家应该对数据的类型以及图表的选择有了初步的了解。 不过在用的过程中,发现DataV的一些专业组件还没有,比说函数的图形组件、概率密度组件等。希望DataV今后能将这些组件开发来,这将对可视化大屏的应用范围、专业度又会提升一个档次。 另外,有任疑问,均可以联系我,我们共同交流,共同进步。

    91141

    Vue.use和Vue.prototype的区别

    $echarts = echarts 将自动注册所有组件为全局组件import dataV from @jiaminghidata-viewVue.use(dataV) Vue.use和Vue.prototype 果插件是一个对象,必须提供 install 方法。果插件是一个函数,它会被作为 install 方法。install 方法调用时,会将 Vue 作为参数传入。 $Plugin() 2 Vue.prototype这种就比较好理解了,比我们有个方法, export const Plugin1 = (parameter1) => { console.log(parameter1 )} 全局都要使用,全局入。 针对Vue编写的插件用Vue.use入 不是针对Vue编写的插件用Vue.prototype入编写插件可以参考官方文档:https:cn.vuejs.orgv2guideplugins.html#ad

    7651312

    推荐四款可视化工具,解决99%的可视化大屏需求

    小编最经常的工作是将一些项目的数据从数据库,然后分门别类的列到excel表格中,领看起来眼花缭乱。小编想,要是能以图表可视化展现来,领就可以看到项目近几个月的走势,也知道之后要怎么决策了。 阿里云DataV使用手机号或邮箱注册账号,会获得7天的体验期。阿里云DataV有强大的组件库,可以制作不同的样式,还可以链接数据库或API接口,炫酷的可视化大屏可以轻松完成。 积木报表采用类word风格,可以随意拖动组件,想怎么设计怎么设计,可以像百度和阿里一样,设计炫酷的可视化大屏!缺点:等你来发现呦!?3.

    28820

    数据可视化:一场设计狮与程序猿的相爱相杀 | 数据侠实验室15期

    (图片说明:活动现场) 前不久,DT君的设计师小哥哥曾经和大家分享过“将数据化繁为美”,为我们展现了可视化之美,而在美学之上,我们运用这门技能进行更多价值创造,打通数据可视化到达用户的“最后1公里 例基于音频波形数据进行动态的音乐可视化,运用地图数据和渲染技术呈现的开普敦租车线路图等。▍兰州牛肉面供应链也能可视化?? ▍创造一个兼具实用性和美观性的可视化工具?? ▍运用可视化在8秒时间内抓住用户??(图片说明:嘉宾赵亮,DT财经&CBNData视觉创意总监) 人类的注意广度已经降到8秒,而金鱼的注意广度都有9秒。在8秒时间内吸引用户眼球呢? 果你想知道更多数据与设计的结合的营销案例,进一步了解渲染技术让数据可视化更炫酷,又或是探索更多数据可视化大屏的产品运行机制

    39000

    推荐四款可视化工具,解决99%的可视化大屏需求

    最经常的工作是将一些项目的数据从数据库,然后分门别类的列到excel表格中,领看起来眼花缭乱。小编想,要是能以图表可视化展现来,领就可以看到项目近几个月的走势,也知道之后要怎么决策了。 阿里云DataV使用手机号或邮箱注册账号,会获得7天的体验期。阿里云DataV有强大的组件库,可以制作不同的样式,还可以链接数据库或API接口,炫酷的可视化大屏可以轻松完成。 积木报表采用类word风格,可以随意拖动组件,想怎么设计怎么设计,可以像百度和阿里一样,设计炫酷的可视化大屏!缺点:等你来发现呦!地址:http:www.jimureport.com3. 对于大屏的随意排版、随意拖动很不方便;(2)需下载软件,本地制作,软件占用空间较大,打卡比较慢;(3)需要安装许多插件才可以实现一些动态效果;地址:https:www.fanruan.comfinereport 最后果觉得看完有收获 ,希望能给我点个赞,这将会是我更新的最大动力,感谢各位的支持欢迎各位关注我的公众号【程序员白楠楠】,专注于java和计算机基础知识,保证让你看完有所收获,不信你打我果看完有不同的意见或者建议,欢迎多多评论一起交流

    36530

    迅达平台大数据处理基本过程

    4.数据展现,数据做来没用,要可视化,做到MVP,就是快速做来一个效果,不合适及时调整,这点有点类似于Scrum敏捷开发,数据展示的可以用datav,神策等,前端好的可以忽略,自己来画页面。 ----数据采集:1.批数据采集,就是每天定时去数据库抓取数据快照,我们用的maxComputer,可以根据需求,设置每天去数据库备份一次快照,备份,设置数据源,设置错,在maxComputer 需要自己写代码保存,把这些合并起来就是一个拓扑,总体来说就是把拓扑提交到服务器启动后,他会不停读取数据源,然后通过stream把数据流动,通过自己写的Bolt代码进行数据处理,然后保存到任意地方,关于安装部署 storm,设置数据源,网上都有教程,这里不多说。 查来,需要配置数据源,读取数据之后按照给定的格式,进行格式化就可以展现来,https:help.aliyun.comdocument_detail30360.html,链接为datav文档。

    26510

    PowerBI 地图 - 形状地图最佳实践

    格式的简化版本,于是,我们需要这样的套路:第一步,得到 GeoJson 数据第二步,转化为 TopoJson 数据可以在阿里云得到任区域的GeoJson,下:? 局部放大的思路是:在大地图的左下角放置一个小地图,大地图在被点击时会同时筛选小地图,通过设置,我们保持大地图不变,并设置小地图自适应大小,就会现放大效果。同时将标签放置在小地图的上面。 不过这里仍然有个超级技巧,当用户不选择任地区时,小地图不显示;只有当用户选择了某个地区时小地图才显示,非常友好。您可以猜猜这是怎么实现的呢? 总结现在就拥有了地图可视化三大核心:名称标准,来自国家官方标准地图位置数据,来自阿里DATAV并与国家标准做实时校验地图形状数据,来自阿里DATAV并转换为 PowerBI 可使用的形状数据至此,我们就可以实现大部分地图可视化的需求 ,还有大家提的层级下钻和自定义地图效果我们再聊。

    1.1K10

    datavisual-tools

    完成之后,所有的资源都会开源来,敬请期待come on! Tableau 是一个独一无二的商业智能平台,可以将数据转化为指行动的见解。它既提供了适合个人用户的功能,又能够扩展到企业规模。 无需管理任服务器,安全,可扩展。Tableau ServerTableau Server 可以实现您的企业需要的真正企业级分析,让人们可以轻松地共享和管理本地或公有云端的数据与见解。? DataV DataV数据可视化是使用可视化应用的方式来分析并展示庞杂数据的产品 DataV旨让更多的人看到数据可视化的魅力,帮助非专业的工程师通过图形化的界面轻松搭建专业水准的可视化应用,满足您会议展览

    13320

    天池 | 疫情数据可视化公益行动

    01—活动概括疫情当前,共克时艰,在新型冠状病毒感染的肺炎疫情牵动社会人心的关键时刻,中国计算机学会CAD&CG专委会、阿里云天池、机器之心、阿里云DataV联合发起的以“万众’疫’心 天池众智”为主题的疫情数据可视化公益行动 活动结束,评审专家将对每周优秀作品进行二次评选,评金奖2个、银奖4个、铜奖6个。优秀作品的主创作者将受邀参加2020年全国计算机辅助设计与图形学年会,更有机会现场分享。 果是多人团队,则需指定一名队长,负责沟通事宜。 要求参与团队基于疫情相关数据,分析挖掘对社会公众或者抗疫一线指战员有参考意义的数据模型,以可视化的方式进行展现。参与作品以可视化的方式进行展现,分为科普宣传类和应用场景类。 能提前清晰的知道各项必备物资的储备情况,以及未来需要调配物资的来源、去处情况,高效分配;这些资料的可视化呈现将大大提升物资的管理效率。

    51610

    IntelliJ IDEA入设置?

    Intellij IDEA 配置,入配置的方法

    22820

    优雅的 Excel

    这个时候优雅的实现报表,释放生产力就显得很重要了。下面主要给大家分享一下该工具类的使用方法与实现思路。实现的功能点对于每个报表都相同的操作,我们很自然的会抽离来,这个很简单。 而最重要的是:把那些每个报表不相同的操作进行良好的封装,尽可能的提高复用性;针对以上的原则,主要实现了一下关键功能点:任意类型的数据自由设置表头自由设置字段的格式使用实例上面说到了本工具类实现了三个功能点 关于poi的具体用法在这里我就不多说了,这里主要是给大家讲解对poi进行封装使用。成员变量我们重点看ExcelUtils这个类,这个类是实现的核心,先来看一下三个成员变量。 那么保证合并的顺序呢?我们先创建了一个FutureTask类型的List,该FutureTask的类型就是返回的结果集。 解决接口超时果需要海量数据,可能会存在一个问题:接口超时,主要原因就是整个过程的时间太长了。其实也很好解决,接口的响应时间太长,我们缩短响应时间不就可以了嘛。

    40910

    powerdesigner 15 sql schema

    PowerDesigner所有SQL脚本操作:Database=>Generate DatabasePowerDesigner怎么建表sql脚本1 按照数据库类型,切换数据库。 Architecture.piclib Objects and Concepts.piclib PowerDesigner Icons.piclib 为piclib文件,每个文件中包含若干图片,图片相当精美 请问把它们提取成为单独的 ER图片 我有数据结构图,怎样能将图片保存。 http:www.5iphp.comnode28一、 根据表结构生成powerdesigner模型:入工作分成几步,工作很简单,步骤下: 第一步:将要入的库的所有表的表结构(不要表数据,只要表结构 )成一个.sql文件。

    49650

    powerdesigner 15 sql schema

    PowerDesigner所有SQL脚本操作:Database=>Generate DatabasePowerDesigner怎么建表sql脚本1 按照数据库类型,切换数据库。 Architecture.piclib Objects and Concepts.piclib PowerDesigner Icons.piclib 为piclib文件,每个文件中包含若干图片,图片相当精美 请问把它们提取成为单独的 ER图片 我有数据结构图,怎样能将图片保存。 http:www.5iphp.comnode28一、 根据表结构生成powerdesigner模型:入工作分成几步,工作很简单,步骤下: 第一步:将要入的库的所有表的表结构(不要表数据,只要表结构 )成一个.sql文件。

    1.5K70

    可视化搭建数据大屏系统的前端实现

    DataV 功能强大,但需要付费使用,且好用的组件还要额外收费,不支持本地化部署,还需要维护两套数仓。 这里要注意避免因为画布缩小致坐标看不清,除以缩放比例即可。使用 Vue 动态组件 is (https:cn.vuejs.orgv2api#is) 控制组件显示。 查看查看是将数据库里保存的数据,配合组件渲染来。实现原理是通过页面 id 获取组件、数据渲染。 自适应关键代码下: 获取设置的大屏宽高、背景图、背景色if (window. 下面是一个简单 Schema 的定义:{ props: } ], models: { width: 300, height: 200, x: 0, y: 0 }}碰到的问题通信大屏组件之间通信?

    2.8K10

    Windows系统日志

    windows的系统日志可以帮助我们判断系统的一些故障或是问题,怎么将windows系统日志记录,保存为文件呢,具体下。 第一步: 打开菜单中 管理工具里的事件查看器 第二步: 点击Windows日志里的任意一个子项目 可以点击右边筛选当前日志功能,筛选你只想看的内容 第三步: 可以按照事件级别,任务类型,关键字等进行筛选 ,比我这里选择错误和警告。 下图是筛选后的日志内容: 第四步: 右键点击所在子项目,选择“将已筛选的日志另存为” 然后选择的日志存放的位置,以及文件名: 然后选择语言,最好选择和当前日志的服务器环境一样的语言: 现在日志就已经了,包含主文件和一个文件夹,可以把他们下载到其他Windows系统的计算机查看 直接鼠标双击就可以打开

    3K100

    图片太大,Origin

    介绍  最近在使用Origin软件作图,发现图片变大超画板之后,就总是不全,总有一部分来。这个问题是急需要被解决的,所以给大家介绍一下,这个问题的解决方法。 图文介绍1.图所示,下面的这张图由于在其右边做了一张放大图,所以致整张图形的尺寸大于画板的尺寸,留在了画板之外。?2.我们右击图层,会发现有两个选项,包括调整图层至页面大小和调整页面至图层大小? 4.最后,我们就会发现,整张图就会完全了?5.怎么样,解决你的小问题了吗?

    50020

    从 Notion 批量 Markdown?

    虽然 Notion 从很早就提供 Markdown ,还包括子页面。但是来的结果,总是无法令我满意。?例子页面仅仅是指实质的上下层级关系,而链接的页面不包含在结果中。? 链接,就能在本地输的 Markdown 结果了。? 你可以通过阅读这个图文教程(https:www.redgregory.comnotion20206159zuzav95gwzwewdu1dspweqbv481s5)来学习取得你的token。 第三步,将所有要的页面都移动或者链接到一个新页面。例我这里新建了一个「准备输」。?第4步,复制新页面的链接,粘贴到第二个文本框中,然后按回车键。? 只不过只有图片进行了本地化输,其余的类型,例视频、pdf 等都保留了原先的链接。你可以通过链接跳转访问。

    1.5K30

    使用JavaScript入和Excel文件

    在本篇教程中,我将向您展示借助SpreadJS,在JavaScript中轻松实现入和Excel文件的操作,以及将SpreadJS组件添加到HTML页面是多么的容易。? 在此示例中,我们入本地文件,但您可以对服务器上的文件执行相同的操作。果要从服务器端入文件,则需要引用该位置。 重要提示:请注意,Chrome于安全目的不允许您打开本地文件,因此您需要使用Firefox等网络浏览器才能成功运行此代码。当然,果您从网站URL加载文件时,在任浏览器中都可以打开。? 的文件在Excel中加载通过这个示例,向您展示了使用SpreadJS 纯前端表格控件,将Excel数据入到网页中,在网页进行数据更新后,又通过简单的几行JavaScript代码将它们重新成 SpreadJS – ExcelIO示例本篇教程,仅展示了SpreadJS 的部分功能,即前端入、Excel文件,更多的功能数据分析、打印、PDF、自定义公式函数等,请前往SpreadJS产品官网了解更多

    1.2K00

    扫码关注云+社区

    领取腾讯云代金券