- 博客(226)
- 资源 (6)
- 问答 (1)
- 收藏
- 关注
转载 Echarts 解决饼图文字显示不全问题
第四步:文字换行展示,echarts给我们提供了一个 formatter(标签内容格式器,支持字符串模板和回调函数两种形式,字符串模板与回调函数返回的字符串均支持用。第二步:设置最小扇区角度,minAngle(最小的扇区角度(0 ~ 360),用于防止某个值过小导致扇区太小影响交互)第三步:avoidLabelOverlap(是否启用防止标签重叠策略,默认默认开启)第一步:调整文字的显示大小,手机上文字可以更小,这里我用的是8px字号。
2024-05-13 09:42:59 1813
转载 leaflet +高德地图纠偏
二、leaflet.ChineseTmsProviders.js。三、leaflet.mapCorrection.min.js。
2023-07-13 14:47:07 895 1
转载 在线瓦片地图url
腾讯、高德是GCJ02坐标系,百度是BD09坐标系,谷歌、必应是WGS84坐标系,天地图是CGCS2000坐标系,瓦片地图都是平面墨卡托投影。原文链接:https://blog.csdn.net/sinat_41310868/article/details/105959659。以下是各地图的瓦片地图地址,可以在QGIS中加载,也可以在openlayer或leaflet前端页面中加载。可使用国家天地图官网获取某些地址:https://www.tianditu.gov.cn/
2023-07-12 09:50:04 1256
原创 vue项目引用海康视频插件(web1.5),el-date-picker下拉选择时间面板会被遮盖问题解决。
大致意思就是当点击时间控件出现时间选择面板的时候把视频插件裁剪掉,时间控件失去焦点时再缝补回去,这种操作就不需要重新初始化插件的。一、海康插件浮窗的层级,会把项目中时间控件中的时间选择面板挡住,导致时间面板显示不全,无法选择时间。
2023-01-17 12:17:26 2456 3
原创 IDEA开发工具不识别@Slf4j注释标签原因未安装Lombok插件
Lombok项目是一个java库,它可以自动插入到编辑器和构建工具中,增强java的性能。不需要再写getter、setter或equals方法,只要有一个。IDEA开发工具不识别@Slf4j这个注释标签,set方法报错,请在settings---》Plugins---》搜索Lombok,安装此插件。settings----》VersionControl----》点击“+”按钮,选择Git或SVN,点击OK。,你的类就有一个功能齐全的构建器、自动记录变量等等。...
2022-08-01 14:15:40 3181
转载 解决element-ui中,在表单中修改数据,表格的数据也跟着修改的问题
问题:在表单中修改数据,经常遇到表格的数据也跟着修改的问题,并且不管是不是按确定或取消按钮,表格的数据还是被修改了。部分代码如下:editRow(row: any): void { this.currentInfo = row; this.dialogVisible = true; this.title = '更新信息'; }问题原因:this.currentInfo = row;这段代码中,row是Object对象类型,如果直接赋值的话,就变成了浅拷贝,复
2022-05-17 14:05:50 1661
转载 tree-transfer穿梭树的组件封装
1.需求界面2.使用1).安装npm install el-tree-transfer --save2).组件封装新建公共组件:addressTreeTransfer.vue/* * @Author: duyan * @Date: 2020-07-31 14:37:51 * @Last Modified by: duyan * @Last Modified time: 2020-08-04 11:17:16 */<template> <di
2022-05-07 10:30:42 1531
转载 vue中elementui组件el-dialog拖拽(已处理边界情况)
Vue.directive("elDialogDrag", (el) => { const header = el.querySelector(".el-dialog__header"); const main = el.querySelector(".el-dialog"); header.style.cursor = "move"; header.onmousedown = (e) => { // 上次鼠标弹起时X轴的偏移量 let l = +main.st.
2022-02-11 15:59:49 1274 6
转载 Vue3 “export ‘createWebHistory, createRouter‘ was not found in ‘vue-router‘
Vue3 "export ‘createWebHistory, createRouter’ was not found in ‘vue-router’在vue3中vue-router写法要改变import { createRouter, createWebHistory } from 'vue-router'//import Router from 'vue-router'// Vue.use(Router) const routes = [ { path: '/ho
2021-12-02 15:56:54 1477
转载 warning package.json: No license field报错
只需要在package.json内对license添加“ISC”值即可 "license": "ISC",再次执行无误
2021-11-30 15:38:31 3221
原创 百度离线地图—绘制多边形(三)
<!DOCTYPE html><html><head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name="viewport" content="initial-scale=1.0, user-scalable=no" /> <style type="text/css"> body, html{width: 10.
2021-11-30 08:55:30 860
原创 百度离线地图---加载卫星地图(二)
<!DOCTYPE html><html><head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name="viewport" content="initial-scale=1.0, user-scalable=no" /> <style type="text/css"> body, html{width: 1.
2021-11-30 08:47:11 1327
原创 百度离线地图-加载地图(一)
一、源码<!DOCTYPE html><html><head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name="viewport" content="initial-scale=1.0, user-scalable=no" /> <style type="text/css"> body, html{w.
2021-11-29 16:08:50 1463 2
原创 Css中transition过渡效果
<!DOCTYPE html><html><head><meta charset="utf-8"><title>菜鸟教程(runoob.com)</title><style> div { width: 100px; height: 100px; background: red; transition: width 2s; transition-timing-function: cubic-b.
2021-09-28 10:33:30 154
原创 css 动画效果
<html> <head> <style> .el-skeleton__item{ background:linear-gradient(90deg,#0dfbed 25%,#e6e6e6 37%,#f2f2f2 63%); background-size: 400% 100%; display: inline-block; height: 16px; border-radius: 4px; wi.
2021-09-27 13:44:02 298
转载 css3更改默认滚动条样式-webkit-scrollbar
浏览器自带的原始滚动条很不美观,在一些特殊需求中,我们需要对滚动条的样式单独设置,因此就出现了用-webkit-scrollbar来自定义滚动条的样式。。首先webkit支持拥有overflow属性的区域,列表框,下拉菜单,textarea的滚动条自定义样式,所以用处还是挺大的。当然,兼容所有浏览器的滚动条样式目前是不存在的。滚动条的组成::-webkit-scrollbar 滚动条整体部分::-webkit-scrollbar-thumb 滚动条里面的小方块,能向上向下移动(或往左往右移动,
2021-09-14 12:20:06 557
转载 IDEA错误:Cannot start compilation: the output path is not specified for module “Test“. Specify the out
错误是发生在从github上checkout自己的项目时。因为没有将配置文件一起上传,所以在运行java程序时有了这个报错:Cannot start compilation: the output path is not specified for module “Test”. Specify the output path in Configure Project.其实这个错误是因为没有设置output的路径,只要修改两个地方的设置就可以了:1. 在Modules设置里勾选”Inherit
2021-09-14 12:12:07 562
原创 checkbox效果
<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>选中标签forcheck</title><script src="./js/jquery-2.1.1.min.js"></script><style type="text/css">.riskSources label {cursor: pointer;.
2021-08-26 13:37:05 117
转载 vue项目运行后不能自动打开浏览器问题
在跟目录下找到config文件下的index.js文件,找到开发环境下的autoOpenBrowser改为true就可以了
2021-07-20 13:52:51 736
原创 echarts生成漂亮的地图
var tj = './json/tianjin.json';var mapname = tj;var myChart = null;var mapDate = [ { name: '蓟州区', value: [117.415079,39.98415], datas: 1354, img: 'image://asset/data-1619059442567-s5l7-f8Eu9.png', }, {.
2021-07-16 15:56:09 1667 2
转载 可视化篇:Echarts3.0引入百度地图(转载)
原文链接:https://blog.csdn.net/yc_1993/article/details/52431989update:由于目前echarts3.8.X比之前旧版改动较多,其实地图实例处许多朋友留言跑不通,今天更新下新版的做法,亲测已经可以。perface一直抽不开身,留言区以及不少朋友都在问如何在Echarts3.0里引入百度地图,由于之前写的是Echart2.0如何引入,但2.0目前已不再更新,所以这段时间断断续续研究了下,跟大家分享。Echarts3.0采用标签引入,其相.
2021-07-14 16:15:31 669
转载 可视化篇:Echarts2.0引入百度地图(转载)
写在最前Echarts作为百度团队下一个可视化的js库,自2.0更新至3.0以来,其带来的视觉冲击更加强悍,数据可视更加精美,图形交互更加贴合用户。由于echarts2在百度地图的实例上没有作过多的说明,echarts3更是删除了该实例,另外由于工作需要,捣鼓一番,作个笔记。下面针对的是echarts2.2.7,其源码下载地址为:http://echarts.baidu.com/build/echarts-2.2.7.zip百度API调用及echart库引入1. 百度API ak申..
2021-07-14 16:00:00 760
转载 webpack4系列教程(三):自动生成项目中的HTML文件
传送门:webpack4系列教程(一):初识webpackwebpack4系列教程(二):创建项目,打包第一个JS文件1. webpack中的CommonJS和ES Mudule 规范1.1 CommonJs规范CommonJs规范的出发点:JS没有模块系统、标准库较少、缺乏包管理工具;为了让JS可以在任何地方运行,以达到Java、PHP这些后台语言具备开发大型应用的能力。在CommonJs规范中: 一个文件就是一个模块,拥有单独的作用域; 普通方式定义的变量、函数、对...
2021-07-08 19:27:19 366
leaflet+高德地图+风场
2023-07-13
lngLatShiQu.html
2021-07-01
VOcs走航图是怎么实现的
2021-06-04
TA创建的收藏夹 TA关注的收藏夹
TA关注的人