Datav

基于VUE2-dataV和echarts实现的可视化大屏，百分比适配PC端

可视化平台中，数据分别通过仪表盘、环状图、柱形图、曲线图、滚动表格等多种形式展示数据变化。可视化平台大致分为左、中、右三部分，左侧由能耗总览、耗能占比、库存预警构成，中间由数据总览、销售计划完成率构成，右侧由销售统计、销售排名（TOP8）、生产统计构成。平台右上角动态显示当前系统日期、星期、时间，格式。在管理端进行添加数据后，数据可视化图表进行相应变化。1.能耗总览仪表盘，统计分析耗电量、耗水量、

风流野趣fly·2024-09-15 00:08

DataV的安装与使用（Vue3版本）

1、DataV(vue3)地址：DataVVue3+TS+Vite版|DataV-Vue32、使用npminstall@kjgl77/datav-vue3安装3、全局引入。4、此时就可以按需使用了~

炒毛豆·2024-09-09 02:39

中国地图省市县区数据抓取

抓取地址：DataV.GeoAtlas地理小工具系列https://datav.aliyun.com/portal/school/atlas/area_selector#&lat=30.332329214580188&

广东数字化转型·2024-09-03 05:38

Echarts画区域飞线地图

最近项目要求榆林市飞线图，地图上特定散点图加飞线效果，看效果：1、echarts注册地图，如榆林市地图数据yls.json(https://geo.datav.aliyun.com/areas_v3/bound

罗兰Yolanda·2024-09-01 08:25

【可视化大屏系列】DataV的使用

可视化大屏开发系列——DataV的使用一、介绍二、注意事项1、技术支持2、兼容性3、状态更新三、实现效果四、使用（在vue2项目中）1.npm安装2.main.js中引入3.开启愉快地玩耍（1）全屏容器

元气满满的大咸鱼·2024-08-22 22:06

使用Vue 3 + DataV搭建大数据可视化大屏技术框架实战指南

而DataV，阿里巴巴开源的数据可视化组件库，专为大屏幕展示设计，提供了丰富的图表和组件，是搭建大数据可视化大屏的理想选择。

不知名靓仔·2024-08-22 07:03

echart离线地图下载地址

链接:离线地图地址https://datav.aliyun.com/portal/school/atlas/area_selector

前端小咸鱼一条·2024-02-12 09:31

【geopandas】python 绘制中国地图并利用经纬度标注散点

获取地图的json或shp文件可从http://datav.aliyun.com/tools/atlas/index.html获取参考：https://blog.csdn.net/hq19940416/

GUlGA·2024-02-07 20:12

前端可视化数据大屏（1）

效果图技术架构：datav，vue2，echarts我们一步一步的来实现一个简单的可视化数据大屏，开始吧！！

香蕉麻花皮·2024-02-04 17:28

hbuiler中使用npm安装datav

注：datav边框样式目前使用时：适用于网页，不适用于app1、先安装node安装、配置Node路径2、为Node配置环境变量3、在hbuilder的设置中填写node的路径配置4、打开cmd输入npminstall

fanxingxue·2024-02-03 08:00

数据大屏项目Vue3+TypeScript+tailwindcss+Vite+DataV+Echart+pinia

主要的技术栈为Vue3、Vite、DataV、Echart、TypeScript、pinia、vue-router、tailwindcss等数据的接口使用的是163的接口，此项目使用到的数据可能存在误差

蹦哒·2024-02-02 20:41

获取地理地图坐标的网址

DataV.GeoAtlas地理小工具系列http://datav.aliyun.com/portal/school/atlas/area_selector获取地理坐标网址，记录下

fivestar2009·2024-02-02 19:18

Threejs 地图3D可视化

获取数据在开始绘制图形前，需要一份包含地理信息数据，我们可以从阿里云提供的小工具获取datav.aliyun.com/portal/school/atl

傲娇的koala·2024-02-02 16:34

Threejs 开发3D可视化地图

获取数据在开始绘制图形前，需要一份包含地理信息数据，我们可以从阿里云提供的小工具获取datav.aliyun.com/portal/school/atlas/area_selector在范围选择器中，可以选择整个或者各个省份的地理信息数据

zz_jesse·2024-02-02 16:34

前端实现自适应屏幕数据可视化大屏（vue + v-scale-screen组件 + dataV组件）

前言目前市面上有很多付费的数据可视化平台，作为一个代码编程人员，为啥不自己搞一套呢，不仅自己可以增加自己的技能，也可以减少开发成本，何乐而不为呢？写这篇文章，一方面工作有需求要实现数据可视化大屏，另一方面当然现在也有很多场景都用到数据可视化大屏，如报告总结、数据跟踪等等，在此总结分享给大家，写的不好的地方欢迎指出批评，谢谢。什么是数据可视化的大屏众所周知，未来的数据可视化趋势已成为了必然性，越来越

夜轩紫语·2024-02-01 20:05

Vue3中按需导入使用dataV的vue3版本

前言：仅供参考，目前本人在项目使用是没问题的1、安装data-vue3npminstall@dataview/datav-vue32、按需导入Contentimport{BorderBox1}from'

Lee_Yu_Fan·2024-01-29 05:56

Vite,Vue3项目引入dataV报错的解决方法

背景:开发一个大屏项目中,需要是要DataV的那边边框,装饰等,只是DataV是基于vue2的,vue3版的作者还在开发中,于是翻了DataV的源码,发现使用esm方式时是直接引入源码而不经过打包,其源码中使用的

新时代的弩力·2024-01-27 14:16

VUE引入DataV报错记录

DataV官网（不支持Vue3）：Welcome|DataV一、按照官网引入后报错【1】Failedtoresolveentryforpackage"@dataview/datav-vue3".Thepackagemayhaveincorrectmain

zyk_520·2024-01-27 14:43

vue3+echarts绘制某省区县地图

echarts图做一个整合，方便同事和自己随时使用，因此用vue3专门写了个web项目，考虑之后不断完善其中有这么个需求，需要展示某省各区县的数据，写在vue3项目中，最终展示结果如下：大体的思路如下：在阿里云dataV

栀椩·2024-01-27 07:53

vue echarts地图

下载地图文件：DataV.GeoAtlas地理小工具系列范围选择器右侧行政区划范围中输入需要选择的省份或地市，选择自己想要的数据格式，这里选择了geojson格式，点右侧的蓝色按钮复制到浏览器地址栏中，

每一天，每一步·2024-01-23 16:04

关于GIS的一些见解，GIS数据（一）

矢量数据与栅格数据矢量、栅格数据文件矢量数据文件栅格数据文件网上关于gis基础的知识很多了，小编在这里就不做复制粘贴了，可以先学习《前后端都要懂一点的GIS》文章中的内容https://www.yuque.com/datav

秋名山大前端·2024-01-20 02:32

入门级的 DataV 教程，适用于 Vue 2

入门级的DataV教程，适用于Vue2。这个教程将指导您创建一个名为datav-project的Vue项目，并展示如何在其中使用DataV。

ascarl2010·2024-01-17 16:54

echarts map - 市/县级显示方法

1.获取地图json工具（仅中国）：http://datav.aliyun.com/tools/atlas/#&lat=42.35854391749705&lng=106.10595703125&zoom

Coldhands·2024-01-13 01:21

Python-用中国地图验证四色定理

（2）中国地图链接网址http://datav.aliyun.com/tools/atlas/index.html2.方法思路本题抽象出来其实就是着色问题：已知一个图，要求给图上每个点上色，并保证该点的颜色与它的邻接点的颜色都不相同

西唯兵欧泡·2024-01-12 17:59

Leaflet + Vue使用案例

区域边界及级联1.获取区域边界JSON数据，下载后放到项目里https://datav.aliyun.com/portal/school/atlas/area_selectordata(){return

hometing218·2024-01-11 04:36

echarts实现各个省份地图之广东省(海南岛显示过小问题解决)

各省份json：http://datav.aliyun.com/portal/school/atlas/area_selector#&lat=22.65267050733856&lng=114.18983459472656&

萬wan事顺意·2024-01-11 03:08

vue中echarts3d 使用（3d地图上有柱状图数据，吉林省）

1.下载echarts和echarts-glecharts-gl是3d插件2.去阿里云上下载吉林省的地图信息（看实际需求下载各省地图数据）·https://datav.aliyun.com/portal

一个没有灵魂的女程序媛·2024-01-11 03:10

利用python快速获取全国各省市shp文件

一、获取目标城市和行政编码如果有高德地图APIKEY即可实现全自动如果没有的话只能手动获取目标城市的邮政编码或城市代码手动获取：1.打开阿里云的数据可视化平台http://datav.aliyun.com

傲寒。·2024-01-08 14:32

shp文件与数据库（创建表）

shp文件准备打开阿里云数据可视化平台，DataV.Ge

疏狂难除·2024-01-08 06:49

解决请求https://geo.datav.aliyun.com/areas_v3/bound/geojson?code=630100_full 返回403的问题

解决请求https://geo.datav.aliyun.com/areas_v3/bound/geojson?code=630100_full返回403的问题

不完美女孩-·2024-01-07 09:38

【ikbp】数据可视化DataV

天天查询一些数据，希望来一个托拉拽的展示，部署体验一下可视化大屏快速搭建快速查询实时更新简单易用启动服务数据可视化静态查询配置数据过滤数据分享查询【sql】笔记大屏展示数据查询

掘金者说·2024-01-06 07:23

实时计算大作业kafka+zookeeper+storm+dataV

第一章总体需求1.1.课题背景近年来，大数据称为热门词汇，大数据分析随着互联网技术的发展愈加深入电商营销之中，越来越多的电商企业利用大数据分析技术，利用信息化对产业发展营销方向进行确定，对电子商务行业大数据的特性和背后价值进行深入挖掘，打破传统营销的空间、人群等限制，在电商场景、渠道客户等各个方面洞察用户的精准营销，从而实现个性化营销与服务等，为企业发展注入新的活力。而在大数据分析与电商营销的融合

别被算法PUA·2024-01-04 14:23

echarts实现全国及各省市地图

echarts实现全国及各省市地图（内附地图json文件）去阿里云就可以获取：[阿里云地理]：http://datav.aliyun.com/portal/school/atlas/area_selector

傻的太坏·2024-01-03 08:37

办公非常好用的网站，一旦使用就无法离开它

办公非常好用的网站，一旦使用就无法离开它地图生成器(http://datav.aliyun.com/tools/atlas/index.html)PaperQuillingArt(https://pissang.github.io

梅里雪山GIS·2024-01-02 22:16

ECharts 绘制吉林省地图，并根据数值设置市区颜色（demo）

先看下效果图1、如何获取地图数据前往阿里云的地图数据获取需要的地图jsonhttp://datav.aliyun.com/portal/school/atlas/area_selector#&lat=31.87755764334002&

生命不止,奋斗不息·2024-01-02 02:27

gitee上的vue大屏项目

在Gitee上，有几个值得注意的Vue大屏项目：vue-big-screen-plugin(Gitee):这是一个基于Vue3、Typescript、DataV和ECharts5框架的可视化大屏项目。

翱翔-蓝天·2024-01-01 10:17

leaflet学习笔记-leaflet-ajax获取数据（五）

前言地图开发中都会用一些GeoJSON数据进行渲染，这是用就会需要加载GeoJSON数据，这时就可以使用leaflet-ajax进行数据的获取数据准备本文通过阿里云的地图选择器（DataV.GeoAtlas

花姐夫Jun·2023-12-28 17:52

echart地图的小demo12.27

图形：DataV.GeoAtlas地理小工具系列点击以上链接进入--》再点击箭头---》复制坐标到文件：取名为china.json中（文件名自定义）地图import*asechartsfrom"echarts

黑糖厚乳拿铁·2023-12-28 12:16

echarts 基础实现我国地图板块

获取地理坐标https://geo.datav.aliyun.com/areas_v3/bound/100000_full.json直接上案例Documentbody{margin:0;padding:

旧梦星轨·2023-12-28 02:39

【MySQL】数据库之日志管理、备份与恢复

脚本增量备份3、增量备份恢复4、增量备份断点恢复（请看上一篇博客）第一种：基于位置恢复第二种：基于时间点恢复四、总结一、MySQL的日志管理MySQL的日志默认保存位置为/usr/local/mysql/datav

liu_xueyin·2023-12-27 17:34

echarts生成地图(自定义区域色块,自定义图标样式,自定义移入效果)

一、使用echarts生成一个地图,看一下生成效果图二、使用步骤1.先准备需要的数据DataV.GeoAtlas地理小工具系列可以去这个网站下载需要的json数据,也可在线引入,但是发布到线上有问题,所以我这边是直接把数据下载到本地使用

芒果沙冰哟·2023-12-26 17:34

基于VUE3+Layui从头搭建通用后台管理系统（前端篇）十六：统计报表模块相关功能实现

一、本章内容本章使用Echarts及DataV实现常用图表、特殊图表、地图及综合图表等图表展示功能。

军军君01·2023-12-25 12:58

dataV组件库——改变数据视图不主动刷新

解决：官方文档介绍dataV里面的组件props均未设置deep监听，刷新props时，要直接生成新的props对象（基础数据类型除外），或完成赋值操作后使用ES6拓展运算符生成新的props对象（this.someProps

CaseyWei·2023-12-25 11:46

【DataV】DataV组件库——更新数据视图不更新

参考文章：dataV组件库——改变数据视图不主动刷新问题：拿到后端数值就直接赋值了，但是视图（页面）没有更新。

fruge·2023-12-25 10:43

GIS相关网站下载全国的GeoJSON格式数据可以到区县级数据

数据下载地址：http://datav.aliyun.com/tools/atlas/#&lat=35.28150065789119&lng=87.3193359375&zoom=4image上述可以下载

墨迹嘿嘿·2023-12-24 07:05

datav-轮播排名-对数据进行处理

前言对于大屏需求我们排名数据轮播也是经常需要用到的需求，datav也是给我们提供了不是说我们自己不能写，而是提供好的轮子比我们自己写的，更全面，更周到，没有特殊需求的话，使用datav配置一下完成这个是真的快

-風过无痕·2023-12-22 08:18

datav-实现轮播表，使用updateRows方法-无缝衔接加载数据

前言最近在做大屏需求的时候，遇到一个轮播数据的需求，查看datav文档发现确实有这个组件但这个组件只提供了一次加载轮播的例子，虽然提供了轮播加载数据updateRows方法但是文档并没有触发事件，比如轮播完数据触发事件

-風过无痕·2023-12-22 08:48

echarts 全国各省市3D图

原文链接：https://blog.csdn.net/yiyueqinghui/article/details/102786814省市区地图json:http://datav.aliyun.com/tools

泊多前端·2023-12-19 18:55

股票交易信息实时大屏（Kafka+storm+Redis+DataV）

目录引言需求分析：思路数据源：数据传输：数据处理：数据统计：数据可视化：数据提取：技术栈技术实现前端界面搭建布局:组件：通信：Redis客户端搭建依赖：Controller示例：Service示例：storm拓扑示例：核心统计bolt：统计结果持久化bolt：Redis连接池：股票大数据统计展屏（基于docker搭建的storm、zookeeper、kafka集群实现）引言前面的文章已经基于Doc

小小小秃头·2023-12-16 05:54

地图自定义省市区合并展示数据整合

地址：https://datav.aliyun.com/portal/school/atlas/area_selector2、切换到边界生成器，上传刚刚下载的json文件。

黑色的糖果·2023-12-15 14:57

推荐频道