自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

漏刻有时数据可视化大屏(PHP&ECHARTS智能化私有部署解决方案)

漏刻有时(LOCKDATAV),数据分析&数据展示,挖掘大数据背后的价值

  • 博客(22)
  • 资源 (18)
  • 问答 (1)
  • 收藏
  • 关注

原创 高德地图进阶开发实战案例(5):矩形可视范围的东北西南角经纬度的获取

var map = new AMap.Map('container', { center: [ 116.387175, 39.876405 ], zoom: 13 }); var southWest = new AMap.LngLat(116.356449, 39.859008) var northEast = new AMap.LngLat(116.417901, 39.893797) var bounds = new AMap...

2021-04-28 21:23:23 31

原创 漏刻有时数据可视化Echarts组件开发(17):值域漫游图

var interVal; getMap(); clearInterval(interVal); interVal = setInterval(function () { getMap(); }, 1000); function getMap() { var cityData = [ {name: '北京', value: getNum()}, {name: '天津', value...

2021-04-28 16:13:40 30 1

原创 高德地图进阶开发实战案例(4):计算骑行的距离和时间

var map = new AMap.Map("container", { center: [116.397559, 39.89621], zoom: 14 }); var ridingOption = { map: map, panel: "panel", policy: 1, hideMarkers: false, isOutline: true, outl.

2021-04-28 12:28:09 50

原创 phpStudy PHP5.6版本ajax出现HTTP_RAW_POST_DATA is deprecated头部错误原因

解决办法:打开php.ini并找到如下一行;always_populate_raw_post_data = -1去掉前面的注释即可

2021-04-27 16:31:14 23 1

原创 高德地图进阶开发实战案例(3):标注、信息弹窗和清除覆盖物

var map = new AMap.Map("container", {resizeEnable: true}); var lnglats = [ [116.368904, 39.923423], [116.382122, 39.921176], [116.387271, 39.922501], [116.398258, 39.914600] ]; var infoWindow = new AMap.InfoWi..

2021-04-26 22:08:13 28

原创 高德地图进阶开发实战案例(2):电子围栏(多边形的绘制)的展示

构建高德地图 var map = new AMap.Map('container', { center: [121.548181, 29.806906], zoom: 15 });多边形展示 var path = [ [121.546266, 29.80975], [121.54543, 29.806845], [121.548713, 29.806752], [121.549957,.

2021-04-26 20:52:32 786 2

原创 高德地图进阶开发实战案例(1):webAPI坐标转换和jsAPI批量转换

坐标转换是一类简单的HTTP接口,能够将用户输入的非高德坐标(GPS坐标、mapbar坐标、baidu坐标)转换成高德坐标。JS函数封装 /* * coordsys,原坐标系,可选值:gps;mapbar;baidu;autonavi(不进行转换) * */ function convertPoints(points, coordsys, keys) { var url = "https://restapi.amap.com/v3/assistant.

2021-04-26 20:22:27 30

原创 漏刻有时数据可视化Echarts组件开发(16):map3D实现360连续旋转的解决方案

viewControl:{ autoRotate:true, minBeta:-3600, maxBeta:3600 },LOCKDATAV DONE!

2021-04-24 09:42:41 38 2

原创 漏刻有时数据可视化自动获取天气API接口函数lockweather.js

var url = 'https://tianqiapi.com/api?version=v6&appid=4323&appsecret=YqmyZ';$.getJSON(url, function (res) { //console.log(res); $("#location").html(res.city); $("#weather-desc").html(res.wea); $("#weather-temp").html(res.tem + "°C.

2021-04-21 21:22:33 34

原创 百度地图开发实战案例:展示当前定位多少千米内的POI(兴趣点)

1.获取当前的自动定位经纬;2.在自动定位经纬度的点,添加10千米的圆形覆盖物;3.爬取POI兴趣点的关键词;10千米的圆形覆盖物 //半径10千米,可自行调整; var circle = new BMap.Circle(mPoint, 10000, { fillColor: "blue", strokeWeight: 1, fillOpacity: 0.3, strokeOpacity: 0.3 }); .

2021-04-21 21:15:03 24

原创 百度地图开发实战案例:根据起点和终点计算路程和时间

终点数据格式 //终点医院数据; var endData = [ {id: 0, name: '南京市第一医院', lng: 118.79073, lat: 32.023645}, {id: 1, name: '南京市红十字医院', lng: 118.798598, lat: 32.033747}, {id: 2, name: '南京京科医院', lng: 118.789758, lat: 32.092045}, {id: 3.

2021-04-21 21:09:32 22

原创 高德地图开发实战案例:实现信息弹出框的富文本展示效果

marker.content = "<p class='cardsBg'></p>";.cardsBg { width: 246px; height: 426px; background: url(../images/cards.png) no-repeat center center;}其中cards.png为整个弹出模态框的背景图片,做到这一步。仍旧会自带高德地图的样式,需要增加一个强制CSS样式表内容,来覆盖掉高德自带的样式。/*高德地图弹.

2021-04-21 21:04:15 24

原创 漏刻有时数据可视化Echarts组件开发(15):3/4环图的解决方案

var myChart = echarts.init(document.getElementById(id)); var pass_rate = parseFloat(dataList[0].value / toNo * 100).toFixed(2); var average = parseFloat(dataList[1].value / toNo * 100).toFixed(2) var average1 = parseFloat(dataList[2].value / ..

2021-04-21 20:59:37 31

原创 漏刻有时数据可视化Echarts组件开发(14):双轴对比柱状图

加载lodash.js脚本;https://www.lodashjs.com/Echarts图表开发var myChart = echarts.init(document.getElementById(id)); let data = { male: { name: '北京', data: [{ value: 2112.03, label: '总体经济影响规模' .

2021-04-21 20:56:24 19

原创 javascript封装函数:解决win10缩放和布局推荐125%网页无法自适应的解决方案

说明:自能解决部分适应情况,如果要完整解决该缩放和布局,仍需适配。//函数封装function detectZoom () { let ratio = 0, screen = window.screen, ua = navigator.userAgent.toLowerCase(); if (window.devicePixelRatio !== undefined) { ratio = window.devicePixelRatio;

2021-04-21 20:52:53 17

原创 漏刻有时数据可视化Echarts组件开发(13):堆叠柱状图实现甘特图时间分布

var myChart = echarts.init(document.getElementById(id)); var info = ['韩愈(768-824)', '柳宗元(773-819)', '欧阳修(1007-1072)', '苏洵(1009-1066)', '苏轼(1037-1101)', '苏辙(1039-1112)', '王安石(1021-1086)', '曾巩(1019-1083)']; var option = { tooltip: { .

2021-04-21 20:47:45 17

原创 漏刻有时数据可视化Echarts组件开发(12):带图片展示中国地级市散点图

var cityData = [ {name: '韩愈', value: [113.23064, 35.24052, 10], level: 1, symbol: 'image://images/hy.svg', symbolSize: 40}, {name: '柳宗元', value: [110.99817, 35.01505, 10], level: 1, symbol: 'image://images/lzy.svg', symbolSize: 40}, .

2021-04-21 20:46:14 18

原创 漏刻有时数据可视化Echarts组件开发(11):矩形树图的实际应用

矩形树图将层次结构(树状结构)的数据显示为一组嵌套矩形。树的每个分支都有一个矩形,然后用代表子分支的较小矩形平铺。叶子节点的矩形面积与数据占比成比例。通常,叶节点会用不同的颜色来显示数据的关联维度。function getArtistic(id) { var myChart = echarts.init(document.getElementById(id)); var option = { series: [{ type: 'treemap'..

2021-04-21 20:36:42 19

原创 漏刻有时数据可视化Echarts组件开发(10):唐宋八大家人物关系图

人物关系图要点数据格式:category 类别分类;nodes,同data,核心数据;links,节点间的关系数据;如何将二维数据梳理成标准格式,是数据整理的一个难点。 var categories = [{name: "核心人物"}, {name: "朋友"}, {name: "父子"}, {name: "兄弟"}, {name: "政敌"}, {name: "师生"}]; var nodes = [ {id: 1, category: 0, name: .

2021-04-21 20:34:01 425 3

原创 漏刻有时数据可视化Echarts组件开发(9):带渐变色的立体圆柱状图

var dataName = ["优秀人数", "良好人数", "及格人数"]; var dataList = [300, 500, 470]; var myChart = echarts.init(document.getElementById("container")); var option = { backgroundColor: '#0e202d', grid: { "top": 200, ...

2021-04-13 21:25:26 76

原创 漏刻有时数据可视化Echarts组件开发(8):嵌套饼图实现粗细相减的特殊环图

const handred = 100;let point = 60;var option = { backgroundColor:"#061326", title: { text: point + '%', x: 'center', y: 'center', textStyle: { fontWeight: 'normal', color: '#29EEF3', .

2021-04-13 19:38:00 36

原创 漏刻有时数据可视化Echarts组件开发(7):geo地图map3D组件的定时高亮轮播的解决方案1

引入文件<script src="js/jquery-3.2.1.js"></script><script type="text/javascript" src="js/echarts4.0.js"></script><script src="js/echarts-gl.min.js"></script><script src="js/shenyang.js"></script>其中地区的geojs.

2021-04-10 09:36:05 76

隧道施工建设数字化大屏说明文档

隧道施工建设数字化大屏说明文档,一个标准的业务文档:为前端定制产品开发,调用甲方提供的API数据接口来实现数据的展示和互动,为此部分参数的设计全部融于页面内。

2020-11-28

bmap.min.js

echarts引入百度地图,通过脚本bmap.min.js解决默认开启底图可点功能的底层修改

2020-05-22

雄安新区GEOJSON带县边界

雄安新区(Xiong'an New Area)位于中国河北省保定市境内,规划范围涵盖河北省雄县、容城、安新等3个小县及周边部分区域,对雄县、容城、安新3县及周边区域实行托管,是中国(河北)自由贸易试验区组成部分。

2020-07-06

gis数据可视化GeoJson、TopoJson、SVG、SHP、JS格式的标准模版

gis数据可视化GeoJson、TopoJson、SVG、SHP、JS格式的标准模版,可以按照标准格式,进行实际应用场景的格式转化和使用

2020-07-25

图片热点的hover高亮显示mapper.js

javascript插件库的应用:mapper.js实现图片热点的hover高亮效果,详见:https://blog.csdn.net/weixin_41290949/article/details/108214691

2020-08-25

upload.zip

layui请求上传接口出现异常:upload.js 错误底层报错信息修改。作者仅在2.26版测试,其他版本未测试,请下载时自行排查,覆盖文件前,记得备份,备份,备份……

2020-02-05

JavaScript将csv转为json标准的.csv文件模版

CSV是Comma Separated Values的缩写,一种常用的数据存储文件格式,其中每一行是一条记录,每一条记录包含很多列,每列中的数据通常使用逗号分隔,当其中的值包含逗号时需要使用单引号或双引号包含。

2020-02-12

sampling降采样策略.zip

Echarts高级进阶教程(1):异步加载大量数据导致dataZoom组件拖动缩放时间轴卡顿的sampling降采样策略解决方案

2020-10-12

Echarts5开源可视化图表库开发的象形柱图世界旅游景点日记照片墙

Echarts5开源可视化图表库 1. 图表基础框架的搭建; 2. series-pictorialBar,象形柱图; 3. series-bar,柱状图; 4. dataZoom 组件,用于区域缩放; 5. on方法添加事件处理函数;

2021-02-10

不设区的地级市之东莞市geoJSON转js

东莞市辖32个镇(街道),其中包括4个街道(莞城街道、南城街道、东城街道、万江街道);28个镇(石龙镇、石排镇、茶山镇、企石镇、桥头镇、东坑镇、横沥镇、常平镇,虎门镇、长安镇、沙田镇、厚街镇,寮步镇、大岭山镇、大朗镇、黄江镇,樟木头镇、谢岗镇、塘厦镇、清溪镇、凤岗镇,麻涌镇、中堂镇、高埗镇、石碣镇、望牛墩镇、洪梅镇、道滘镇)

2020-07-06

华容县街道街道乡镇边界geojson矢量数据

华容县街道街道乡镇边界geojson矢量数据,为mapshaper命令测试素材,可参考:Mapshaper数据处理:常用命令语句配置说明,https://lockdatav.blog.csdn.net/article/details/112001782

2020-12-31

漏刻有时物联网传感器数字化大屏说明文档

漏刻有时物联网传感器数字化大屏说明文档

2020-12-25

php使用webSocket实现Echarts长连接自动刷新的解决方案websocket封装

php使用webSocket实现Echarts长连接自动刷新的解决方案,见:https://blog.csdn.net/weixin_41290949/article/details/109099216

2020-10-15

appendData异步加载大数据量分片加载数据和增量渲染的解决方案

Echarts高级进阶教程(2):appendData异步加载大数据量分片加载数据和增量渲染的解决方案

2020-10-12

不设区的地级市之中山市geoJSon转js

不设区的地级市之中山市geoJSon转js,包含6个街道:石岐街道、东区街道、西区街道、南区街道、五桂山街道、火炬开发区街道;18个镇:黄圃镇、南头镇、东凤镇、阜沙镇、小榄镇、东升镇、古镇镇、横栏镇、三角镇、民众镇、南朗镇、港口镇、大涌镇、沙溪镇、三乡镇、板芙镇、神湾镇、坦洲镇。

2020-07-06

layuitable和php动态翻页源代码

layui组件table美观度和实用性都是比较完美的。但是在使用table翻页功能的时候,需要对后台进行传参,并且返回的json数据一定要符合一定的规范,否则将无法实现翻页

2020-07-30

Echarts组件南丁格尔玫瑰图

Echarts组件南丁格尔玫瑰图,参加:https://lockdatav.blog.csdn.net/article/details/107047610

2020-07-01

Echarts参数属性学习Gird演示案例

Echarts参数属性学习Gird演示案例:在同一个DOM中,使用gird同时创建折线图和柱图,可高效的利用数据,同时对API的开发和对接有事半功倍的效果。

2020-02-07

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人 TA的粉丝

提示
确定要删除当前文章?
取消 删除