- 博客(34)
- 资源 (28)
- 问答 (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 297
原创 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 524
原创 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 607
原创 漏刻有时数据可视化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 937 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 439 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 550
原创 漏刻有时数据可视化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 1335 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 474
原创 漏刻有时数据可视化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 556 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 505
原创 漏刻有时数据可视化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 465 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 687 1
原创 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 682
原创 Echarts实现情人节的告白:爱情旅游日记照片墙WE记录我们的世界足迹
文章目录前言一、项目说明(一)应用开发技术Echarts5开源可视化图表库layui前端框架二、实战开发(一)引入JS库(二)背景样式表(三)演示数据处理1.数据格式2.数据格式处理(四)Echarts图表1.构建渲染容器2.初始化图表3.组件和系列设置(五)单击事件(六)封装函数后记说明前言总想带你,走遍世界的每个角落。但生活的忙碌,总是无暇抽身,也总是这样或那样的理由&借口。《爱情旅游日记墙 WE 记录我们的足迹》用自己最擅长的事,为你准备2021.2.14情人节的告白。.
2021-02-10 15:11:36 1089 4
原创 百度地图开发:字符串经纬度转为经纬度数组的解决方案
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 1388 1
原创 百度地图开发:多边形覆盖物鼠标高亮效果和标签展示
样式表CSS html, body { margin: 0px; padding: 0px; } #container { height: 100%; } .BMapLabel { background: none !important; border: none !important; .
2021-02-07 17:26:50 2844 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 578
原创 原创 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 593
原创 漏刻有时数据大屏CSS样式表成长教程(4):数据指标层叠排版
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 494
原创 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 405
原创 高德地图开发:英文地图的实现方式
//初始化地图 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 1507 1
原创 漏刻有时开放平台数据接口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 268
原创 漏刻有时环境部署: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 388
原创 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 846 8
原创 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 439
原创 Echarts地图开发:geomap三级下钻带散点图的问题记录
开发说明需要地理geojson地理信息数据:中国1份,省级34份,地级市345份;根据单击事件来渲染不同层级的地图;[“北京”, “天津”, “上海”, “重庆”, “香港”, “澳门”]等//直辖市和特别行政区,只有二级地图,没有三级地图;不同级别的散点图需要根据地图名称来判断调用,否则散点图会在不同层级上重复显示;项目要点geo设置 option.geo = { map: map, show: true, roam: true, .
2021-02-03 17:56:03 1083 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 1788 1
原创 百度地图开发(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 514 1
原创 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 1273
原创 Echarts实战案例代码(55):资金流入流出饼图
var option = { tooltip: { trigger: 'item' }, legend: { orient: 'vertical', left: 'left', show: false }, series: [ { name: '访问来源', ..
2021-02-02 19:13:42 791
原创 天地图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 1320 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 480
华容县街道街道乡镇边界geojson矢量数据
2020-12-31
隧道施工建设数字化大屏说明文档
2020-11-28
php使用webSocket实现Echarts长连接自动刷新的解决方案websocket封装
2020-10-15
图片热点的hover高亮显示mapper.js
2020-08-25
layuitable和php动态翻页源代码
2020-07-30
gis数据可视化GeoJson、TopoJson、SVG、SHP、JS格式的标准模版
2020-07-25
雄安新区GEOJSON带县边界
2020-07-06
不设区的地级市之东莞市geoJSON转js
2020-07-06
不设区的地级市之中山市geoJSon转js
2020-07-06
Echarts组件南丁格尔玫瑰图
2020-07-01
JavaScript将csv转为json标准的.csv文件模版
2020-02-12
Echarts参数属性学习Gird演示案例
2020-02-07
upload.zip
2020-02-05
漏刻有时地理信息系统LOCKGIS小程序源码(web-view组件使用)
2023-10-20
高端百度地图开发:自定义覆盖物水滴头像(鼠标事件、API封装对接)
2023-08-12
数据可视化大屏拼接屏开发实录:屏幕分辨率测试工具
2023-07-28
H5网页跳转小程序之微信开放标签、wx-open-launch-weapp按钮不显示、noPermissionJsApi
2023-07-16
数据可视化大屏Echarts高级开发散点图实战案例分析(地图扩展插件bmap.min.js、散点图、百度地图控件、柱图、涟漪动图
2023-01-03
百度地图jsAPI开发停车场分布标注和检索静态版
2022-06-13
完整版Echarts引导线labelLine和散点图
2022-06-13
html2canvas生成PDF并下载的解决方案
2022-01-18
Echarts主题构建工具的使用
2022-01-18
laypage静态数据分页组件的调用实战代码
2022-01-18
Echarts动态排名柱状图(自适应电脑和手机端)源代码
2021-10-09
excle数据手动实现的百度地图标注
2021-10-07
百度地图根据起始点经纬度坐标确认最佳路线规划
2021-09-18
echarts开发的自动旋转map3D下钻和柱图地图
2021-09-18
Echarts5开源可视化图表库开发的象形柱图世界旅游景点日记照片墙
2021-02-10
php同样的字符串为什么编码不同?
2019-05-06
TA创建的收藏夹 TA关注的收藏夹
TA关注的人