随笔分类 -  Echarts5.0

摘要:echarts来显示世界地图和全国地图,并且可以下钻层级 使用echarts来显示世界地图和全国地图,并且可以下钻层级 使用的技术 现有的功能 遇到的问题解决 总结 参考内容 直接来源码,地球资源包我上传到资源,有需要自己下。 主要源码 使用的技术 vue3.0 + vite + ts + echa 阅读全文
posted @ 2023-01-15 00:06 爵岚 阅读(2133) 评论(0) 推荐(0) 编辑
摘要://各省份的地图json文件 var provinces = { '上海': '/asset/get/s/data-1482909900836-H1BC_1WHg.json', '河北': '/asset/get/s/data-1482909799572-Hkgu_yWSg.json', '山西': 阅读全文
posted @ 2023-01-14 22:58 爵岚 阅读(168) 评论(0) 推荐(0) 编辑
摘要:var parentJson = null; var parentInfo = [{ cityName: '河南', level: 'city', code: 410000, }, ]; getGeoJson(410000); var timeFn = null; // 利用高德api获取行政区边界 阅读全文
posted @ 2023-01-14 22:46 爵岚 阅读(195) 评论(0) 推荐(0) 编辑
摘要:全网echarts案例资源大总结和echarts的高效使用技巧(细节版) 众所周知,在现今的开发大环境下,数据可视化(大屏化)项目在前端开发中的比重越来越大。而其中使用率最高的插件无疑就是 Apache Echarts。(ps: 以下简称为echarts)。本文就结合vue框架来讲解如何快速、高效、 阅读全文
posted @ 2023-01-13 10:30 爵岚 阅读(942) 评论(0) 推荐(0) 编辑
摘要:https://www.bilibili.com/video/BV14u411D7qK?p=33&spm_id_from=pageDriver&vd_source=e2cfe74d93fb5b3f60bd7487ede60218 主题展示 Vue3.2中 <template> <!-- 为 ECha 阅读全文
posted @ 2023-01-13 10:27 爵岚 阅读(4864) 评论(0) 推荐(1) 编辑
摘要:vue使用vite配置跨域以及环境配置详解 如何配置跨域,代理域名 区分开发环境和生产环境,以及预发布环境 可以做什么事 补充:解决跨域常用方法 一、VUE中常用proxy来解决跨域问题 二、JSONP解决跨域 三、CORS是跨域资源共享(Cross-Origin Resource Sharing) 阅读全文
posted @ 2023-01-09 01:14 爵岚 阅读(14501) 评论(0) 推荐(0) 编辑
摘要:完整过一遍axios,再也不怕写请求 axios请求方法 主要有get,post,put,patch,delete get 获取数据 post 提交数据(表单提交+文件上传) put 更新数据(将所有数据均推放到服务端) patch 更新数据(只将修改的数据推送到后端) delete 删除数据 ge 阅读全文
posted @ 2023-01-03 16:09 爵岚 阅读(407) 评论(0) 推荐(0) 编辑
摘要:vue3+axios使用echarts的地图 概述: 在echarts的官网是直接提供的js代码和网上,如何在vue3中跑起来(各种跨域,各种报错让我想die) 附加:之前一直跑不起来的很大原因是完全不清楚生命周期,破案了 友情链接: (75条消息) vue+Echarts动态数据已经赋值,但是无法 阅读全文
posted @ 2023-01-03 15:53 爵岚 阅读(241) 评论(0) 推荐(0) 编辑
摘要:vue+Echarts动态数据已经赋值,但是无法渲染页面的问题 正常的给个div的大小 <div> <div id="echartss" :style="{width: '100%', height: '600px'}"></div> </div> 接下来是option部分: echarts1_op 阅读全文
posted @ 2023-01-03 15:35 爵岚 阅读(1305) 评论(0) 推荐(0) 编辑
摘要:地图渐变色: 代码片段中x,y,x2,y2表示的是渐变的方式(片段中是上下渐变) 代码片段中emphasis为纹理填充色 itemStyle: { normal: { areaColor: { type: 'linear', x: 0, y: 0, x2: 0, y2: 1, colorStops: 阅读全文
posted @ 2023-01-03 10:11 爵岚 阅读(482) 评论(0) 推荐(0) 编辑
摘要:主要使用到的配置: geoIndex // 将坐标与值对应并反映在地图上 convertData(data) { var res = []; var that = this for (var i = 0; i < data.length; i++) { var geoCoord = that.geo 阅读全文
posted @ 2023-01-03 09:52 爵岚 阅读(3785) 评论(0) 推荐(0) 编辑
摘要:node/使用命令: https://nodejs.org/zh-cn/ npm install -g @vue/clinpm install ts-node -g npm init -y npm install @types/node -D npm install express -S npm i 阅读全文
posted @ 2023-01-01 12:19 爵岚 阅读(558) 评论(0) 推荐(0) 编辑

点击右上角即可分享
微信分享提示