2024-03-12使用echarts主要的是数据请求，数据修改展示等等，简单易上手。_vue3数据大屏

https://www.qianduange.cn//article/3681.html 分类：前端知识

2024-02-28【代码】echarts实现中国地图、鼠标悬浮、点击跳转对应省市、给省市图标、缩放、拖拽、自适应。_数据大屏地图展示,可放大展示省市区

https://www.qianduange.cn//article/2895.html 分类：前端知识

2024-02-21本文章主要讲述vue2开发可视化大屏,echars图形会随着浏览器窗口大小而自适应,用到了 .flexible.js 插件把屏幕分成24等分达到目的,公司需求是一个页面多个不同的图表.图表有些是相同的,所以我对图表做了个封装,以其中一个图表为例子1-把下载好的flexible.js,放在所需项目里,之后直接导入到可视化大屏页面即可2-页面分成24等分,以1920为例,1rem等于80px,把页面的px全部写为rem单位3-封装的echars代码如下,一个页面多个相同图表,就用ref的方式初始化实例,不然页面_vue2数据大屏怎么实现响应式

https://www.qianduange.cn//article/2431.html 分类：前端知识

2024-02-12vue数据大屏自适应屏幕分辨率js最近在写vue数据大屏的时候想到屏幕分辨率要自适应问题，按照设计图的百分比写感觉太麻烦，宽高甚至字体大小都要用百分比，就在想有没有其他的方案能实现，相信都用过rem单位，此篇是就rem自适应屏幕分辨率写出js当然也参考了别人的文档，融合之后变成自认为最好用的一个版本下面是js代码;(function(win, lib) { var doc = win.document; var docEl = doc.documentElement; va_vue如何快速调整大屏页面的字体适配分辨率

https://www.qianduange.cn//article/1837.html 分类：前端知识

2024-02-01前言???? 基于 vue、datav、Echart 框架的大数据可视化(大屏展示)源码，基于VUE Echarts 制作，实现大数据可视化。通过 vue 组件实现数据动态刷新渲染，内部图表可自由替换。部分图表使用 DataV 自带组件，可自由进行更改， 可以在此基础上重新开发。本项目中使用的是echarts图表库，EChart..._echarts 动力环境监控

https://www.qianduange.cn//article/1047.html 分类：前端知识

2024-01-31Vue中 echarts响应式页面变化resize()Vue项目中开发数据大屏，使用echarts图表根据不同尺寸的屏幕进行适配。在容器组件里面应用echartsLine.ts 文件。以上就完成了 Vue中 echarts响应式页面变化。先创建一个 echartsLine.ts 文件。接下来总结了一下echarts的一些常用知识。BUG：当页面进行缩放时图表大小没有变化。如果对你有所帮助还请。_vue echarts resize

https://www.qianduange.cn//article/941.html 分类：前端知识

2024-01-31Vue3 TS DataV Echarts搭建数据大屏模板_datav vue3

https://www.qianduange.cn//article/932.html 分类：前端知识

2024-01-26各位同事大家好！下面是我使用echarts中总结的一些个人经验，仅供参考。echarts的能力、优劣等特点大家应该在技术选型阶段已经有所了解，这里主要分享使用、设计等经验。引入echarts资源：支持模块化项目使用npm下载引入，老项目使用script方式链接引入，只是试用、演示且互联网环境，可以使用cdn方式引入。创建一个div容器：echarts图表在页面中显示，需要有一个容器来盛放，告诉浏览器应该在哪渲染，注意这个容器一定是有宽、高的dom元素，否则有可能图表渲染成功，但是高度为0，导致无法显示。_数据大屏开发

https://www.qianduange.cn//article/467.html 分类：前端知识