自定义博客皮肤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),数据分析&数据展示,挖掘大数据背后的价值

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

原创 上下文本间隔自定义滚动时间的封装函数

HTML <div class="other"> <ul id="other"> <li><span></span><span>192.168.0.1</span><span>SQL注入</span><span>02-24 13:01:45</span></li> .

2021-02-28 11:36:56 29

原创 HTML和CSS实现鼠标下拉菜单

实现原理将一级菜单和二级菜单置于同一个DIV,二级菜单默认显示为none,鼠标滑过,调用:hover,显示。HTML <span class="btn-list-group"> <a class="menuBtn"><img src="images/headimg.png" alt="会员"></a> <span class="btn-list-area"> <a class="menuBtn subMe.

2021-02-28 11:31:29 40

原创 php定时将API中的数据每N分钟同步录入数据库的解决方案

封装函数$url = "https://***/qx/api/api.php?act=getTrans&origin=1&token=3cab7ce4142608c0f40c785b5ab5ca24";//如果数据更新日志时间不是当天时间;if ($data != $curTime) { echo "执行数据同步数据库操作。"; @$res = file_get_contents($url); $data = json_decode($res, true);

2021-02-22 12:32:31 89

原创 漏刻有时数据可视化Echarts组件开发(6):象形柱图实现水塔水位的动画

构建容器<div id="main"></div>封装函数// 基于准备好的dom,初始化echarts实例; function makeBar(dataList, level, colorList, id) { var myChart = echarts.init(document.getElementById(id)); option = { tooltip: { trigg.

2021-02-20 18:50:27 76 2

原创 php通过地址获得百度地图经纬度(逆地理编码)

相关阅读php通过地址获得百度地图经纬度(逆地理编码)封装函数function getLoLa($lat, $lng){ $points = $lat . ',' . $lng; $baiduAK = 'http://api.map.baidu.com/reverse_geocoding/v3/?ak=11Z8uiP8kIz6AG0Vjiwzbc5f9I&output=json&coordtype=bd09ll&location=' . $points . '';.

2021-02-19 11:20:03 85 5

原创 php定时执行数据同步的解决方案

//生成执行日志;function Generate($content){ $cert = fopen("data/log.txt", "w+"); fwrite($cert, $content); fflush($cert); fclose($cert);}/*判断是否存在当日的数据文件*/function checkFiles($file){ $cert = "data/" . $file; if (file_exists($cert)) { return 1; } el

2021-02-18 21:55:14 109

原创 漏刻有时数据可视化Echarts组件开发(5):二级饼图分类展示收入支出ROI

引入 echarts.js <!-- 引入 echarts.js --> <script src="https://cdn.jsdelivr.net/npm/echarts@5.0.2/dist/echarts.min.js"></script>创建DOM容器<div id="main"></div>数据格式 var income = [ {name: '工资性收入', value: 19785}.

2021-02-18 12:37:48 164 1

原创 ajax为多个操作指定回调函数$when.done.fail

/*为多个操作指定回调函数 先执行两个操作$.getJSON("")和$.getJSON("") *如果都成功,运行done()指定的回调函数; *如果有一个失败或都失败了,就执行fail()指定的回调函数。 * */ var url = 'https://iot.qiaodu.net/case/qx/'; $.when( $.getJSON(url + 'api/api.php?act=getArea&tok...

2021-02-14 20:04:26 83

原创 漏刻有时数据可视化Echarts组件开发(4):仪表盘

<div id="temp"></div> //构建DOM容器; function getTemp(data, id) { var myChart = echarts.init(document.getElementById(id)); var option = { backgroundColor: '#FFF', tooltip: { formatter:.

2021-02-14 16:59:34 205 2

原创 漏刻有时数据可视化Echarts组件开发(2):根据温度阈值显示不同颜色的温度报警动画

封装函数 //构建DOM容器; function getTemp(data, id) { var myChart = echarts.init(document.getElementById(id)); var unit = '℃'; var svgPath = 'path://M570,729.5V86.4c0-42.2-31.4-76.4-70-76.4s-70,34.2-70,76.4v643c-41.7,24.3-70,68.9-70,12.

2021-02-14 10:59:32 86

原创 漏刻有时数据可视化Echarts组件开发(1):报警状态组件CSS代码及封装函数

组状态显示 .stuNum1 { display: inline-block; border-radius: 50%; background: #7CB854; margin: auto 5px; width: 1rem; height: 1rem; vertical-align: middle; } ..

2021-02-13 09:59:12 64 1

原创 漏刻有时数据可视化Echarts组件开发(3):Echarts插件liquidfill实现水球图心形情人节动画表白

文件引入 <!-- 引入 echarts.js --> <script src="https://cdn.jsdelivr.net/npm/echarts@5.0.2/dist/echarts.min.js"></script> <script src="echarts-liquidfill.min.js"></script>JS代码 //构建DOM容器; var myChart = echarts.init.

2021-02-12 10:38:20 98

原创 Echart开发数据格式dataset数据集的使用

option = { xAxis: { type: 'category', data: ['Matcha Latte', 'Milk Tea', 'Cheese Cocoa', 'Walnut Brownie'] }, yAxis: {}, series: [ { type: 'bar', name: '2015', data: [89.3, 92.1, .

2021-02-10 16:46:21 49

原创 Echarts实现情人节的告白:爱情旅游日记照片墙WE记录我们的世界足迹

文章目录前言一、项目说明(一)应用开发技术Echarts5开源可视化图表库layui前端框架二、实战开发(一)引入JS库(二)背景样式表(三)演示数据处理1.数据格式2.数据格式处理(四)Echarts图表1.构建渲染容器2.初始化图表3.组件和系列设置(五)单击事件(六)封装函数后记说明前言总想带你,走遍世界的每个角落。但生活的忙碌,总是无暇抽身,也总是这样或那样的理由&借口。《爱情旅游日记墙 WE 记录我们的足迹》用自己最擅长的事,为你准备2021.2.14情人节的告白。.

2021-02-10 15:11:36 400 2

原创 Echarts属性基础学习

ECharts

2021-02-09 10:41:35 35

原创 百度地图开发:字符串经纬度转为经纬度数组的解决方案

var str = "116.387112,39.920977;116.385243,39.91306;116.394226,39.917988";//默认经纬度字符串; var PointArr = []; //将字符串分离成数组; var newArr = str.split(";"); //将新的数组二次分离为百度坐标系; for (var i = 0; i < newArr.length; i++) { var lng = ...

2021-02-08 11:41:07 68 1

原创 百度地图开发:多边形覆盖物鼠标高亮效果和标签展示

样式表CSS html, body { margin: 0px; padding: 0px; } #container { height: 100%; } .BMapLabel { background: none !important; border: none !important; .

2021-02-07 17:26:50 2067 3

原创 Echarts实战案例代码(58):柱图下钻的解决方案

项目说明单击柱图进入该列对应的详情数据;双击详情数据柱图,返回柱图;构建容器<div id="main" style="width:100%;height: 100%"></div>封装函数 //封装函数; function makeBar(title, name, data, type) { var color = ""; //根据数据情况显示不同属性; if (type == "0") { .

2021-02-06 21:36:58 130

原创 原创 Echarts实战案例代码(57):map3D实现下钻功能的开发

按钮样式 #btn { position: absolute; color: #FFF; z-index: 999; width: 60px; height: 25px; background: #1E9FFF; border-radius: 10px; padding: 5px; mar.

2021-02-06 16:46:21 67

原创 漏刻有时数据可视化大屏常用排版HTML和CSS(2):指标排版

CSS :root { --gradient: linear-gradient(135deg, #03c8f2 10%, #5151E5 100%); } .pannel { position: relative; width: 400px; height: 200px; z-index: 99; } .item {.

2021-02-06 12:30:30 48

原创 javascript随机生成固定数组长度和最大最小值的封装函数

/** * * @param {*} len 数组长度 * @param {*} start 最小值 * @param {*} end 最大值 * @return {*} */function random(len, start, end) { var arr = []; function _inner(start, end) { var span = end - start; return parseInt(Math.random(

2021-02-05 19:45:14 41

原创 高德地图开发:英文地图的实现方式

//初始化地图 var map = new AMap.Map('container', { resizeEnable: true, center: [121.498586, 31.239637], lang: "en" //可选值:en,zh_en, zh_cn }); //绑定radio点击事件 var radios = document.querySelectorAll("#lang input"); radios....

2021-02-05 18:25:51 124

原创 漏刻有时开放平台数据接口php允许ajax跨域的解决方案

路径:api/api.php/*漏刻有时开放平台数据接口 LockDataAPI-SDK */header("Content-type:text/html;charset=utf-8");header('Access-Control-Allow-Origin: *');lockdatav Done!

2021-02-05 16:25:44 34

原创 漏刻有时环境部署:php安装提示Can‘t use function return value in write context

问题原因在PHP版本5.4以下类似empty()、is_array()的函数不能直接判断某功能的返回值,只能写成变量的形式。解决方案admin/base.php$m = ucfirst(get_param('m'));$a = get_param('a');$mod = empty($m) ? 'Login' : ucfirst(get_param('m'));$act = empty($a) ? 'index' : get_param('a');dashboard/base.php

2021-02-04 15:47:16 94

原创 xlsx.full.js实现将excle导入表格转为二维数组的解决方案

const reader = new FileReader(); reader.readAsBinaryString(file); reader.onload = function (e) { const data = e.target.result; const zzexcel = window.XLS.read(data, { type: 'binary' }...

2021-02-04 10:06:57 73 4

原创 javascript将一维数组转为二维数组的封装函数

封装函数 /*将一维数组转为二维数组 *arr,一维数组; *split,分割位数; */ function transArr(arr, split) { var newArr = []; var len = arr.length; for (let i = 0, j = 0; i < len; i += split, j++) { newArr[j] = arr.splice(0,

2021-02-04 09:15:25 42

原创 Echarts地图开发:geomap三级下钻带散点图的问题记录

开发说明需要地理geojson地理信息数据:中国1份,省级34份,地级市345份;根据单击事件来渲染不同层级的地图;[“北京”, “天津”, “上海”, “重庆”, “香港”, “澳门”]等//直辖市和特别行政区,只有二级地图,没有三级地图;不同级别的散点图需要根据地图名称来判断调用,否则散点图会在不同层级上重复显示;项目要点geo设置 option.geo = { map: map, show: true, roam: true, .

2021-02-03 17:56:03 237 2

原创 Echarts地图开发:geomap全国34省市区cp属性经纬度坐标

{ "台湾": [ 121.509062, 25.044332 ], "河北": [ 114.502461, 38.045474 ], "山西": [ 112.549248, 37.857014 ], "内蒙古": [ 111.670801, 40.818311 ], "辽宁": [ 123.429096, 41.796767 ], "吉林": [ 125.3245,

2021-02-03 17:12:36 112

原创 百度地图开发(8):地图覆盖物实现纵横交错的交通网络

强制格式化百度标签样式.BMapLabel { background: none !important; border: none !important;}标签样式表.shu_txt { font-size: 10px; font-weight: bold; color: #333; text-shadow: 1px 1px 2px #f5f5f5, 1px 1px 2px #f5f5f5, 1px 1px 2px #f5f5f5, 1px 1px.

2021-02-03 11:57:49 67

原创 Echarts实战案例代码(56):geomap实现地区划分区域点击选中高亮效果

数据格式var zjData = [ {"name": "杭州市", "value": 16596, "selected": 0}, {"name": "宁波市", "value": 9714, "selected": 0}, {"name": "温州市", "value": 12065, "selected": 0}, {"name": "绍兴市", "value": 8256, "selected": 0}, {"nam.

2021-02-03 10:56:13 102

原创 Echarts实战案例代码(55):资金流入流出饼图

var option = { tooltip: { trigger: 'item' }, legend: { orient: 'vertical', left: 'left', show: false }, series: [ { name: '访问来源', ..

2021-02-02 19:13:42 61

原创 天地图API接口地址批量转换为经纬度的解决方案

<table> <tr> <td>地址</td> <td>经纬度</td> </tr> <tbody id="content"></tbody></table>封装接口函数 function transAddress(address) { var keyWord = {"keyWord": address

2021-02-01 20:21:46 173 1

原创 javascript使用ajax传递token参数的一个解决方案

有点不明白,如果将token设为全局变量,无法调用ajax返回的赋值,但是通过按钮事件可以获取。<input type="button" value="登录" id="login"/><input type="button" value="获取通道" id="modify"/> var token; $(function () { $("#login").click(function () { //登录 $.ajax({

2021-02-01 09:00:46 55

雄安新区GEOJSON带县边界

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

2020-07-06

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

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

2020-11-28

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

bmap.min.js

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

2020-05-22

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的粉丝

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