DataV 第2页

vue2+datav可视化数据大屏（3）

接上一节所说，当我们将接口封装完了后，我们需要给大屏进行内容填充啦1,新建组件我们在ser-views文件夹下新建9个vue组件，如下图所示，我给编号为1到9在组件里写入内容我是第一块...一次类推，一直到第九块我是第一块exportdefault{data(){},mounted(){}}2，将我们新建好的组件全部依次填入到我们的主容器indexdata里去在主容器中引入组件，并注册现在需要就是

香蕉麻花皮·2023-12-15 13:36

vue2+datav可视化数据大屏（1）

开始最近打算出一个前端可视化数据大屏的系列专栏，这次将很全面的教大家设计可视化大屏，从开始到打包结束，其中，包括如何设计框架，如何封装axios，等等，本次使用的数据均为mock数据。与正常使用一致。本文会从开始的创建vue3项目到最后的项目打包，本篇共计4小节。1.安装脚手架首先确保电脑上安装node.js，node安装简单，去官网下载安装包一件安装即可，当安装了node.js后，我们新建一个文

香蕉麻花皮·2023-12-15 13:06

vue2+datav可视化数据大屏（2）

接上一节所说我们已经讲骨架搭好这节我们讲述的如何在vue2中使用mock数据和封装axios1，项目中使用moke什么是mock？，mock就是假数据，除了数据是假的，其他内容都和正常工作中后端开发的接口都是一致的。我们现在就根据实际的情况，定义9个接口给大屏使用在src文件夹下新建文件夹mock，在mock文件夹下新建文件index.js,在index文件里写mock接口来建第一个接口impor

香蕉麻花皮·2023-12-15 13:06

react+datav+echarts实现可视化数据大屏

最近有点闲，就学习了下react，没想到就把react学完了，觉得还不错，就打算出一把react+datav的简易版可视化数据大屏供大家做个参考。

香蕉麻花皮·2023-12-15 13:29

可视化地图获取其对应的json数据

1.阿里云可视化平台https://datav.aliyun.com/portal/school/atlas/area_selectorimage.png

肖_53e4·2023-12-06 15:39

基于 Vue、Datav、Echart 框架的 “ 数据大屏项目 “，通过 Vue 组件实现数据动态刷新渲染，内部图表可实现自由替换

最近在研究大数据分析，基于Vue、Datav、Echart框架的"数据大屏项目"，通过Vue组件实现数据动态刷新渲染，内部图表可实现自由替换。

华大哥·2023-12-04 07:55

Datav：从零开始的数据可视化大屏搭建系统

本文首发于「Shopee技术团队」微信公众号摘要随着Shopee业务数据的不断扩大，仅通过表格这样的数据分析方式已经无法满足日常的数据分析需求，丰富的图表分析Dashboard就显得格外重要。但是，从事前端开发的同学都知道，这种Dashboard页面纯手工开发会耗费比较多的人力资源和时间资源，在量比较多的情况下，可能业务需求都没办法及时响应了。如果能有一个可以自动生成这些Dashboard页面的工

Shopee技术团队·2023-12-02 04:08

vue中使用echarts实现省市地图绘制，根据数据显示省市天气图标及温度信息

echarts实现省市地图绘制根据数据显示省下市的天气图标根据数据显示省下市的温度信息二、实现方法1、安装echarts插件npminstallecharts--save2、获取省市json数据https://datav.aliyun.com

邹荣乐·2023-12-01 18:04

vue中使用echarts实现省市地图绘制，根据数据在地图上显示柱状图信息，增加涟漪特效动画效果

echarts实现省市地图绘制根据数据在地图显示柱状图根据数据显示数据，涟漪效果二、实现方法1、安装echarts插件npminstallecharts--save2、获取省市json数据https://datav.aliyun.com

邹荣乐·2023-12-01 18:26

11-Vue

可快速上手灵活：在一个库和一套完整的框架之间自如伸缩高效:20KB运行大小,超快虚拟DOM(渲染页面速度超快)运行原理：Vue代码>Vue框架解析>js原生代码Vue基本语法MVVM设计思想M模型(model)DataV

weiliang1996·2023-12-01 00:13

【大屏项目】—— 使用DataV开发步骤

1、选择分组，新建可视化，创建一个新的大屏：2、数据可视化的铺屏:根据设计图，通过添加组件的方式，将大屏页面在DataV中展示出来(可把设计图置于底层，降低透明度，将需要的组件从组件列表中拖入画布，更改组建的样式及位置

柳柳Elena·2023-11-30 03:11

【Vue3】Vue3引入DataV |BIN-DATAV 开发大屏

bin-datav官方网站：https://wangbin3162.gitee.io/bin-datav/#/border文章目录bin-datav安装引入使用安装npmibin-datav-S#oryarnaddbin-datav

coder阿龙·2023-11-30 03:09

Vue使用Echarts展示地图

Vue使用Echarts展示地图一，获取地图json二，Vue实现展示2.1Vue环境2.2main.js引入Echarts2.3展示一，获取地图json阿里云数据可视化平台获取阿里云DataV地图选择器二

CaoPengCheng&·2023-11-29 18:47

vue使用echarts自定义地图

第四步在组件中引入第五步绘制地图效果根据数据配置不同显示颜色步骤第一步安装npmiecharts--save第二步导入echartsimport*asechartsfrom"echarts";第三步获取地图的GeoJSON点击DataV

路人贾！·2023-11-29 18:46

ECharts与DataV：数据可视化的得力助手

文章目录引言一、ECharts简介优势：劣势：二、DataV简介优势：劣势：三、ECharts与DataV的联系四、区别与选择五、如何选择根据需求选择技术栈考虑预算和商业考虑结论我是将军，我一直都在，。

Spume--·2023-11-29 02:19

Vue与UserEcharts、DataV的协同

文章目录引言一、Vue.js简介二、ECharts和UserEcharts1.ECharts简介2.UserEcharts：Vue和ECharts的结合三、DataV简介四、Vue与DataV的结合1.

Spume--·2023-11-29 02:46

Echarts地图如何使用(v2版本)

一：获取各省各市各区地图geoJson文件阿里云开放平台geoJson文件下载地址：DataV.GeoAtlas地理小工具系列1.在项目中通过axios获取数据axios({crossDomain:true

无昵称帅哥·2023-11-28 16:03

Echarts 用GeoJson数据绘制地图

Echarts通过加载DataV.GeoAtlas工具获取的GeoJson地图数据，绘制地图。一、先获取地图数据：数据格式分别选择包含子区域和不包含子区域各下载一份。

星星的泪痕·2023-11-28 16:03

echarts-map的使用

可以从http://datav.aliyun.com/tools/atlas/进行下载需要的json数据。（数据只到区县级）2.要想数据到更下一级，则可以访问http://geojson.

songsong9181·2023-11-28 16:00

Echarts地图registerMap使用的GeoJson数据获取（精确到区）

数据是在DATAV.GeoAtlas中获取的，根据自己的需求随意选择省、市、区，页面中给的json链接地址就是想要的geo数据，特方便，记录备用。

baalhuo·2023-11-28 16:59

Echarts地图registerMap使用的GeoJson数据获取

https://datav.aliyun.com/portal/school/atlas/area_selector可以选择省，市，区。也可以直接在地图上点击对应区域。

jieyucx·2023-11-28 16:27

vue面试题汇总

mvvmM:model的缩写存储数据的数据模型dataV:views的缩写负责将数据模型用ui组件展现出来el挂载点VM:viewmodel的缩写连接视图层和数据模型层通过数据的双向绑定实例化的一个vue

会写代码的人·2023-11-27 18:54

Vue3使用dataV报错问题解决

DataV官网：https://datav-vue3.jiaminghi.com/guide/vue2中是没有问题的，这是第一次在vue3中使用发现的报错问题报错问题首先安装：pnpmadd@dataview

会说法语的猪·2023-11-26 00:57

“TypeError: Cannot read property ‘getAttribute‘ of undefined“

中使用echarts在初始化图表的时候需要用到props里面传过来的值的话就会出现这个问题，搜索一下有的解决方案是用watch进行监控等到数据变化的是再行触发图表的初始化函数，但是我试过不行watch:{datav

tanfei_·2023-11-23 18:58

阿里云 datav 地图边界获取器

阿里云datav地图边界获取器https://datav.aliyun.com/portal/school/atlas/area_selector?

温暖的松子·2023-11-23 16:34

Cesium 加载geojson数据类型点线面

1.获取geojson数据，本地新建一个.ts文件放置数据导出，并引入获取geojson数据：DataV.GeoAtlas地理小工具系列import{scGeojson}from'.

小满blue·2023-11-22 02:15

阿里云DataV数据可视化工具的简单使用与地图组件区域下钻热力图下钻上钻控制缩放比例demo

阿里云DataV数据可视化工具的简单使用与地图组件区域下钻热力图下钻上钻控制缩放比例demo简介:DataV数据可视化DataV数据可视化旨让更多的人看到数据可视化的魅力，帮助非专业的工程师通过图形化的界面轻松搭建专业水准的可视化应用

小王的全栈开发·2023-11-21 00:05

vue中使用echarts实现省市地图绘制，根据数据显示不同区域颜色，点击省市切换，根据经纬度打点

实现省市地图绘制根据数据不同显示不同区域颜色实现省市地图点击切换效果实现地图上根据经纬度打点二、实现方法1、安装echarts插件npminstallecharts--save2、获取省市json数据https://datav.aliyun.com

赢乐·2023-11-17 17:18

抠某区域地图方法

1.打开阿里云数据可视化平台DataV.GeoAtlas地理小工具系列2.选择要抠出来的区域，右侧选择要下载的json文件，如红框所示3.打开下载的文件，内容全部复制。

老白干·2023-11-17 16:34

cesium如何实现区域下钻

首先，这里讲一下数据源，数据源是拷贝的DataV.GroAtlas里的数据，这里整合了一下之前发的区域高亮的代码来实现的，单击左键使得区域高亮，每次点击都移除上一次点击的模块，双击左键，实现区域下钻并请求对应的数据源

✎﹏ℳ๓₯㎕·2023-11-13 11:18

echarts地图如何放大

地图不能写dataZoom来放大缩小，一定要写在series里的zoom$.get('https://geo.datav.aliyun.com/areas_v3/bound/140000_full.json

伴梦123·2023-11-11 09:04

双11狂欢节模板让大屏“闪电”起来

双11狂欢节的闪电️特效大屏模板+全新的3D地球(2018)组件，在DataV中正式和大家见面了。还记得2017-2018年双11狂欢节那天，在各大媒体及社交平台上霸屏的“剁手闪电图”吗？

weixin_40871246·2023-11-10 19:08

2017双11狂欢节模板让大屏“闪电”起来

更喜庆的是，这块闪电️特效大屏模板，连同全新的3D地球(2018)组件，在DataV中正式和大家见面了。除了拥有惊人的颜值和全新地图组件，这个新模板还是第一个运用交互事件的模板。还没有使用正确姿势打开

weixin_34292959·2023-11-10 19:36

Vue知识点笔记

属于同一级别的可以通过router-view依据路由配置实现不同组件的显式,如果是下一级需要一句路由切换组件则需要配置children子级路由关于Vue组件通信的总结我提取到另一篇Vue组件通信小结MVVMM模型dataV

_nohave·2023-11-10 03:48

【可视化大屏设计学习1】正式开始建设可视化平台了，学习路径写下来！大家一起沟通呀！～

文章目录可视化大屏目前市面上的可视化大屏方式如何学习数据可视化设计产品能力交互能力设计能力数据能力可视化设计四要素（学习步骤）核心要义基础平面图表设计时间变化类别比较排名占比关联分布关联图形目前市面上的可视化大屏方式阿里巴巴（datav

叶faner～·2023-11-07 22:34

Vue 使用 Apache Echarts 绘制地图（省市、地区、自定义）

先安利两个网址，是制作地图的资源：DataV.地图GeoJSON数据ApacheEcharts地图配置示例-香港一.配置vue项目这个就不再

~朴：shu·2023-11-07 15:03

Introduction to Data Science in Python学习笔记

DataExplorationandPreparation(2)DataRepresentationandTransformation(3)ComputingwithData(4)DataModeling(5)DataV

Python休·2023-11-04 13:46

china.json

http://datav.aliyun.com/tools/atlas/#&lat=33.521903996156105&lng=104.29849999999999&zoom=3geo:{map:"china

OK2018·2023-11-03 03:44

vue 使用echarts地图实现全国地图

spm=1001.2014.3001.5503地图json数据：http://datav.aliyun.com/tools/atlas/#&lat=30.332329214580188&lng=

loa_loa·2023-11-02 14:05

微型城市模型glb素材，适合智慧园区智慧社区三维可视化素材

微型城市模型glb素材，适合智慧园区智慧社区三维可视化素材下载地址https://www.sucaim.com/yuanma/datav/4595.html

M3n·2023-11-01 20:55

前端大屏实例汇总

前端大屏实例汇总，网上找的资料整理如下：-工程化，基于React和Vuehttps://gitee.com/MTrun/big-screen-vue-datav-提供源码的大屏实例(30个)下载地址进入官网

GIS老戴·2023-11-01 04:22

DataV轮播表组件dv-scroll-board宽度问题

需求：使用dv-scroll-board显示多列数据时，由于其默认是平均分配宽度，会导致内容显示不全，我们要修改某一列的宽度，让它显示完全。解决方法：方法1：dv-scroll-board自带columnWidth:[]属性，该数组的每个参数即为对应列的宽//我的部署时间在第6列，因此要设置至少6个值才能到修改到该列columnWidth:[140，140，140，140，140，200],方法2

会飞的战斗鸡·2023-10-31 16:14

数据可视化神器DATAV

每年的双十一，天猫都会在剁手狂欢节中直播战绩。除了可怕的数字之外，不知道大家有没有留意到这些同样可怕的数据可视化大屏：（2015双十一大屏）（2016双十一大屏）所谓大屏，顾名思义就是一个很大的屏!!!一般应用在交易大厅，展览中心，管控中心，老板办公室等等场景，把一些关键数据集中展示在一块巨大的LED屏幕上，其实就是巨大化的Dashboard，是当今数一数二的装逼方式。也许你觉得这些酷炫的可视化效

此木Y·2023-10-28 08:42

Echarts制作省份地图

最近做项目要用到echarts制作省份气泡地图，现在来分享一下做地图首先要有想要做那个地图的json，这里给大家一个最全地图json的链接http://datav.aliyun.com/tools/atlas

一只小丫丫·2023-10-21 18:24

echarts map 解决label设置width height无效并附aliyun地图json地址

aliyun地图json地址http://datav.aliyun.com/tools/atlas/#&lat=30.316551722910102&lng=106.75113472219306&zoom

Red_Xx·2023-10-21 08:45

Mac版：基于React框架的DataV环境搭建（含nodejs、nvm、webpack与antd的配置）-- 保姆级

大潘达·2023-10-20 00:12

Echarts编程收藏网址

1.地图选择器下载区域json格式代码http://datav.aliyun.com/tools/atlas/#&lat=30.332329214580188&lng=106.72278672066881&

用新网络工作室·2023-10-13 07:19

计算机毕业设计之SpringBoot+Vue.js租房爬虫数据可视化租房大数据分析大数据毕业设计大屏统计

Vue,js+echarts后端开发框架：springbootwebmagicmysql创新点：租房爬虫、大屏统计图可以二次开发改为spark、hadoop分析数据，作为大数据专业的计算机毕业设计大屏统计DataV

计算机毕业设计大神·2023-10-12 19:57

使用ECharts map，实现省、市、区县、乡镇自定义地图

1、地址：地图选择器http://datav.aliyun.com/tools/atlas/index.html

佳了个欣。·2023-10-08 00:57

echarts 绘制县级市地图数据可视化

本文以兰溪市（县级市）为例，别的地区也是一样的操作echarts官网：https://echarts.apache.org/zh/index.html一、准备阶段：1.在DATAV上获取地区jsonDATAV.GeoAt

cwtnice·2023-10-08 00:26

推荐频道

DataV