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

漏刻有时(LOCKDATAV),数据分析&数据展示,挖掘大数据背后的价值
私信 关注
漏刻有时
码龄3年

数据可视化技术研究

  • 205,947
    被访问量
  • 536
    原创文章
  • 8,969
    作者排名
  • 4,004
    粉丝数量
  • 于 2017-12-06 加入CSDN
获得成就
  • 获得130次点赞
  • 内容获得208次评论
  • 获得187次收藏
荣誉勋章
兴趣领域
  • #前端
    #Node.js#CSS#Vue.js#前端框架#JavaScript
TA的专栏
  • echarts
    144篇
  • 地图开发
    61篇
  • 漏刻有时
    105篇
  • layui
    20篇
  • javascript
    114篇
  • api
    11篇
  • mysql
    19篇
  • excle
    2篇
  • nodejs
    2篇
  • vuejs
    3篇
  • threejs
    6篇
  • php
    114篇
  • 环境部署
    30篇
  • 开源程序
    6篇
  • thinkphp
    2篇
  • html/css
    14篇
智能数据可视化大屏
漏刻有时(LOCKDATAV),智能化数据展示解决方案服务商,让更多的人看到数据可视化的魅力,促进前沿技术与产业融合,帮助非专业的工程师通过图形化的界面轻松搭建专业水准的可视化应用,满足会议展览、业务监控、风险预警、地理信息分析等多种业务的展示需求。

::大屏技术开发::

::数据可视化核心框架::
  • 最近
  • 文章
  • 资源
  • 问答
  • 课程
  • 帖子
  • 收藏
  • 关注/订阅

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

var dataName = ["优秀人数", "良好人数", "及格人数"]; var dataList = [300, 500, 470]; var myChart = echarts.init(document.getElementById("container")); var option = { backgroundColor: '#0e202d', grid: { "top": 200, ...
原创
54阅读
0评论
1点赞
发布博客于 6 天前

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

const handred = 100;let point = 60;var option = { backgroundColor:"#061326", title: { text: point + '%', x: 'center', y: 'center', textStyle: { fontWeight: 'normal', color: '#29EEF3', .
原创
26阅读
0评论
1点赞
发布博客于 7 天前

漏刻有时数据可视化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.
原创
52阅读
0评论
0点赞
发布博客于 10 天前

数据可视化大屏php开发时使用cookie长度限制的问题

在数据可视化大屏的开发过程中,需要传递各个传感器的组id,通过组id来读取对应的API数据。在实际生产环境中遇见的问题:cookie的值是无法通过array()数组类型setCookie;但是可以创建一个数组 cookie;将cookie的value转化为json字符串,但是容易出现cookie的大小限制;setcookie() 函数cookie 是由服务器发送到浏览器的变量。cookie 通常是服务器嵌入到用户计算机中的小文本文件。每当同一台计算机通过浏览器请求页面时,就会发送这个 coo
原创
55阅读
0评论
0点赞
发布博客于 25 天前

php模版引擎smarty出现Undefined index的解决方案

<div class="other"> <ul id="other">{section name=loop loop={$dataDoor}}<li><span id="f{$smarty.section.loop.index+1}"></span><span id="d{$smarty.section.loop.index+1}"></span><span class="ot.
原创
45阅读
0评论
0点赞
发布博客于 26 天前

php时间戳超过2038年的解决方案

日期字符串转换为时间戳// 1、日期字符串转换为时间戳$obj = new DateTime("2099-12-31 23:59:59");echo $obj->format("U");时间戳转换为日期字符串// 2、时间戳转换为日期字符串$obj = new DateTime("@4102415999"); // 这里时间戳前要写一个@符号$timezone = timezone_open('Asia/HONG_KONG'); // 设置时区$obj->setTimezone
原创
43阅读
0评论
1点赞
发布博客于 28 天前

漏刻有时后台管理:解决不同用户权限跳转桌面的解决方案

<div class="page-content"> <div class="layui-tab tab" lay-filter="xbs_tab" lay-allowclose="false"> <ul class="layui-tab-title"> <li class="home"><i class="layui-icon">&#xe68e;</i>我的桌面</li&g
原创
33阅读
0评论
1点赞
发布博客于 1 月前

地图可视化开发技巧:geojson转svg后再转emf格式插入ppt实现编辑的解决方案

geojson转svg推荐地址:http://blog.giscafer.com/mapshaper-plus/geojson转emf推荐:Inkscape;office编辑图片office2013 菜单->图片。导入后,右键编辑图片对emf进行编辑lockdatav Done!
原创
52阅读
0评论
1点赞
发布博客于 1 月前

php使用mysql删除主键后再添加主键自增的解决方案

项目需求某数据可视化大屏,直接调用第三方API数据,但是提供的都是时间点的数据,无法开发折线图,需要临时储存部分时间段的数据。数据每15秒更新一次,100组用户,一天的数据量峰值为60/15*60*24*100=576000;临时数据仅作为折线的展示使用,无历史报表的作用,属于用完即删的状态;自增id防止到峰值的解决方案:(1)如果id大于某个值,删除原有数据表,新增分表;(2)如果id大于某个值,直接删除该id,重新从1进行索引;封装类 /*删除主键*/ public function
原创
62阅读
4评论
1点赞
发布博客于 1 月前

layui富文本编辑器文档layedit组件的调用和图片上传接口的使用

html内容 <div class="layui-form-item"> <label class="layui-form-label">信息内容</label> <div class="layui-input-block"> <textarea id="L_c_content" name="c_content" style="display: none;".
原创
73阅读
1评论
1点赞
发布博客于 1 月前

php和js获取POST参数API接口数据的不同解决方案

$.ajax({ type: 'post', async: true, data: { "security": "终端安全", "company": "000100010000", "days": 1, "rows": 10 }, url: 'http://120.198.218.234:8088/Aqfk/api/DataH...
原创
32阅读
0评论
0点赞
发布博客于 1 月前

php清洗数据实战案例(4):按照关联数组相同值名称进行筛选后对不同的指标予以合并计算的解决方案

$arr = [[ "objid" => "22249", "device" => "192.168.0.202", "datetime" => "2021/3/15 12:52:17", "datetime_raw" => 44270.2029801968, "sensor" => "内存1", "status" => "正常运行", "status_raw" => 3, "lastvalue" =&
原创
28阅读
0评论
1点赞
发布博客于 1 月前

php清洗数据实战案例(3):关联数组键值筛选排除创建新的数组

数据格式{ "prtg-version": "17.3.33.2753", "treesize": 23, "sensors": [ { "objid": 19907, "device": "192.168.0.240 (VM)", "sensor": "PING 1", "lastvalue": "0 毫秒", "lastvalue_raw":
原创
65阅读
4评论
1点赞
发布博客于 1 月前

php清洗数据实战案例(1):根据关联数组的某个状态求不同状态下的个数

数据格式{ "prtg-version": "17.3.33.2753", "treesize": 3, "sensors": [ { "objid": 22216, "sensor": "Ping", "status": "正常运行", "status_raw": 3 }, { "objid": 22224,
原创
33阅读
0评论
1点赞
发布博客于 1 月前

Echarts四组饼图在同一个容器中构建的解决方案

构建容器 var myChart = echarts.init(document.getElementById(id));配置选项var option = { series: [ { type: 'pie', center: ['12.5%', '50%'], radius: ['75%', '90%'], data: [{ .
原创
56阅读
2评论
1点赞
发布博客于 1 月前

javascript遍历对象数组排序筛选需要的键值

项目需求对象数组格式如下,其中“温度”、“湿度”、“烟感”是必须的,提供的API接口也是固定存在的,其他字段根据设备的不同,会不出现或者出现多个其他数据字段。但是前端需要将“温度”、“湿度”、“烟感”三个数据指标通过JQ的DOM渲染都指定ID。 var res = { "err": "", "res": "", "data": [ { "name": "电台",
原创
35阅读
0评论
1点赞
发布博客于 1 月前

php模版引擎smarty使用section方法实现for循环代用索引数字i的解决方案

//将数据复制到对应的数据库; for ($i = 0; $i < count($dataInfo); $i++) { //转换参数; $data_id = $dataInfo[$i]["_id"]; $id = $dataInfo[$i]["_widget_1602178278939"]; $fire_status = $dataInfo[$i]["_widget_16021782...
原创
23阅读
0评论
1点赞
发布博客于 1 月前

php清洗数据实战案例(2):根据键值进行二维数据的对象数组的排序

原始数据$data = [ [ "name" => "开关量", "value" => "" ], [ "name" => "485开关量", "value" => "" ], [ "name" => "温度", "value" => "22 °C" ], [ "name" => "湿度",
原创
33阅读
0评论
0点赞
发布博客于 1 月前

php环境部署:phpstudy设置本地测试域名找不到hosts文件的解决方案

在win10上配置phpstudy本地域名,发现找不到hosts文件。hosts文件的位置:C:\WINDOWS\system32\drivers\etc解决方案如下:Windows 徽标键 图片+X键,调出cmd命令行工具;输入一下代码:for /f %P in ('dir %windir%\WinSxS\hosts /b /s') do copy %P %windir%\System32\drivers\etc & echo %P & Notepad %P正常创建.
原创
61阅读
0评论
1点赞
发布博客于 1 月前

javascript格式化时间:ios不支持时间戳转换解决方案

IOS的时间格式是不支持:2021-03-07 17:41:00 中的“-”,需要将其替换成“/”。date = new Date(time.replace(/-/g, '/')),//也就是把 “-” 改成 “/” lockdatav Done!
原创
35阅读
1评论
0点赞
发布博客于 1 月前

百度地图开发自定义信息窗口openInfoWindow样式的解决方案

1.InfoWindow的样式,百度是没用提供直接使用的样式表的,目前都是热心网友在实际开发中自己的经验和实战总结;2.百度提供了InfoBox富文本标签弹出框的接口,引入InfoBox.js,即可自定义样式或丰富的边框功能,但是鼠标单击下一个标注时,已经弹出的模态框是无法自动关闭;InfoWindow单击事件则是会即时展示现在单击的弹出模态框。3.InfoBox的样式表要理解,必须理解的组成部分;4.实现原理,就是CSS优先级和权重问题以及!important优先级;/*地图标题 infoW..
原创
154阅读
0评论
1点赞
发布博客于 1 月前

php部署服务器后本地测试正常的页面顶部出现空白的( BOM头)解决方案

症状特征原因分析F12打开控制台,发现HTML文档出现非标准格式的代码块,导致该情况发生。解决方案lockdatav Done!
原创
100阅读
6评论
1点赞
发布博客于 1 月前

解决layUI请求上传接口出现异常的解决方案

请求上传接口出现异常 Fatalerror:Array and string offset access syntax with curlybracesis no longer supported in C:\xampp\htdocs\libs\PHPExcel\Shared\String.phponline526查找问题原因:https://blog.csdn.net/weixin_41290949/article/details/104178756解决方案:https://blog.csdn..
原创
161阅读
1评论
0点赞
发布博客于 1 月前

php删除某时间点之前的全部数据

//刪除時間內的交易數據; case "data"; $trans_time = strtotime($_POST['trans_time']); $db->delete('trans', 'trans_time < "' . $trans_time . '"'); //操作日志; addlogs($_COOKIE["adminname"], $trans_store . '批量數據處理,STATUS:OK', ''...
原创
30阅读
0评论
0点赞
发布博客于 1 月前

腾讯位置服务:拾取坐标的四种开发方式

官网地址官网的坐标拾取器,直接在需要拾取经纬度表单的地方,添加链接即可。但是在后台使用此方式,友好化不是很好。传送门:https://lbs.qq.com/tool/getpoint/index.html地址转码 //自動獲取經緯度; var getAddress = function transAddress() { var address = $("#address").val(); getPoints(address); } /
原创
72阅读
0评论
0点赞
发布博客于 1 月前

php函数file_get_contents无法获取到https链接内容问题使用curl的解决方案

file_get_contents() 把整个文件读入一个字符串中。该函数是用于把文件的内容读入到一个字符串中的首选方法。如果服务器操作系统支持,还会使用内存映射技术来增强性能。file_get_contents()在使用HTTPS协议时,是无法正常获取内容的。此时,可以使用curl代替curl封装函数function getAPI($url){ $ch = curl_init(); curl_setopt($ch, CURLOPT_URL, $url); curl_.
原创
23阅读
0评论
0点赞
发布博客于 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> .
原创
29阅读
0评论
1点赞
发布博客于 2 月前

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.
原创
40阅读
0评论
0点赞
发布博客于 2 月前

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);
原创
89阅读
0评论
0点赞
发布博客于 2 月前

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

构建容器<div id="main"></div>封装函数// 基于准备好的dom,初始化echarts实例; function makeBar(dataList, level, colorList, id) { var myChart = echarts.init(document.getElementById(id)); option = { tooltip: { trigg.
原创
76阅读
2评论
1点赞
发布博客于 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 . '';.
原创
85阅读
5评论
1点赞
发布博客于 2 月前

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
原创
109阅读
0评论
0点赞
发布博客于 2 月前

漏刻有时数据可视化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}.
原创
164阅读
1评论
0点赞
发布博客于 2 月前

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...
原创
83阅读
0评论
0点赞
发布博客于 2 月前

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

<div id="temp"></div> //构建DOM容器; function getTemp(data, id) { var myChart = echarts.init(document.getElementById(id)); var option = { backgroundColor: '#FFF', tooltip: { formatter:.
原创
205阅读
2评论
1点赞
发布博客于 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.
原创
86阅读
0评论
0点赞
发布博客于 2 月前

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

组状态显示 .stuNum1 { display: inline-block; border-radius: 50%; background: #7CB854; margin: auto 5px; width: 1rem; height: 1rem; vertical-align: middle; } ..
原创
64阅读
1评论
0点赞
发布博客于 2 月前

漏刻有时数据可视化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.
原创
97阅读
0评论
2点赞
发布博客于 2 月前

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, .
原创
49阅读
0评论
1点赞
发布博客于 2 月前

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

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

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

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

Echarts属性基础学习

ECharts
原创
35阅读
0评论
2点赞
发布博客于 2 月前

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

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 = ...
原创
68阅读
1评论
1点赞
发布博客于 2 月前

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

样式表CSS html, body { margin: 0px; padding: 0px; } #container { height: 100%; } .BMapLabel { background: none !important; border: none !important; .
原创
2067阅读
3评论
3点赞
发布博客于 2 月前

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

项目说明单击柱图进入该列对应的详情数据;双击详情数据柱图,返回柱图;构建容器<div id="main" style="width:100%;height: 100%"></div>封装函数 //封装函数; function makeBar(title, name, data, type) { var color = ""; //根据数据情况显示不同属性; if (type == "0") { .
原创
130阅读
0评论
1点赞
发布博客于 2 月前

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

按钮样式 #btn { position: absolute; color: #FFF; z-index: 999; width: 60px; height: 25px; background: #1E9FFF; border-radius: 10px; padding: 5px; mar.
原创
67阅读
0评论
0点赞
发布博客于 2 月前

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

CSS :root { --gradient: linear-gradient(135deg, #03c8f2 10%, #5151E5 100%); } .pannel { position: relative; width: 400px; height: 200px; z-index: 99; } .item {.
原创
48阅读
0评论
0点赞
发布博客于 2 月前

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(
原创
41阅读
0评论
0点赞
发布博客于 2 月前

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

//初始化地图 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....
原创
124阅读
0评论
0点赞
发布博客于 2 月前

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

路径:api/api.php/*漏刻有时开放平台数据接口 LockDataAPI-SDK */header("Content-type:text/html;charset=utf-8");header('Access-Control-Allow-Origin: *');lockdatav Done!
原创
34阅读
0评论
0点赞
发布博客于 2 月前

漏刻有时环境部署: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
原创
94阅读
0评论
1点赞
发布博客于 2 月前

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' }...
原创
73阅读
4评论
0点赞
发布博客于 2 月前

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,
原创
42阅读
0评论
0点赞
发布博客于 2 月前

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

开发说明需要地理geojson地理信息数据:中国1份,省级34份,地级市345份;根据单击事件来渲染不同层级的地图;[“北京”, “天津”, “上海”, “重庆”, “香港”, “澳门”]等//直辖市和特别行政区,只有二级地图,没有三级地图;不同级别的散点图需要根据地图名称来判断调用,否则散点图会在不同层级上重复显示;项目要点geo设置 option.geo = { map: map, show: true, roam: true, .
原创
237阅读
2评论
1点赞
发布博客于 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,
原创
112阅读
0评论
0点赞
发布博客于 2 月前

百度地图开发(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.
原创
67阅读
0评论
0点赞
发布博客于 2 月前

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.
原创
102阅读
0评论
0点赞
发布博客于 2 月前

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

var option = { tooltip: { trigger: 'item' }, legend: { orient: 'vertical', left: 'left', show: false }, series: [ { name: '访问来源', ..
原创
61阅读
0评论
0点赞
发布博客于 2 月前

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

<table> <tr> <td>地址</td> <td>经纬度</td> </tr> <tbody id="content"></tbody></table>封装接口函数 function transAddress(address) { var keyWord = {"keyWord": address
原创
173阅读
1评论
1点赞
发布博客于 2 月前

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

有点不明白,如果将token设为全局变量,无法调用ajax返回的赋值,但是通过按钮事件可以获取。<input type="button" value="登录" id="login"/><input type="button" value="获取通道" id="modify"/> var token; $(function () { $("#login").click(function () { //登录 $.ajax({
原创
55阅读
0评论
0点赞
发布博客于 2 月前

php函数基础学习:array_chunk() 函数把一个数组分割为新的数组块

array_chunk(array,size,preserve_keys);封装函数/** * 把数组分割为带有两个元素的数组 * array_chunk(array,size [,preserve_key]) * params: * array: 规定要使用的数组 * size: 整数值,规定每个新数组包含多少个元素 * preserve_key: true-保留原始数组中的键名;false(默认值)-每个结果数组使用从零开始的新数组索引 * return: 返回一个多维的索.
原创
50阅读
0评论
0点赞
发布博客于 3 月前

漏刻有时数据可视化大屏phpstudyPro环境部署配置中的常见问题

MySQL默认不是严格模式,将MySQL设置成严格模式STRICT_TRANS_TABLES选择默认引擎为InnoDB模式lockdatav Done!
原创
63阅读
0评论
0点赞
发布博客于 3 月前

漏刻有时PHP授权封装加解密函数LockAuthority类

LockAuthority核心类class LockAuthority{ /** * This was AES-128 / CBC / PKCS5Padding * return base64_encode string * @author Terry * @param string $plaintext * @param string $key * @return string */ public static fu
原创
44阅读
0评论
0点赞
发布博客于 3 月前

百度语言处理应用技术API:NLP开发SDK的简单调用

require_once 'libs/AipNlp.php';//配置参数;$config = require_once "conf/config.php";$client = new AipNlp($config["nlp_appid"], $config["nlp_apikey"], $config["nlp_secretkey"]);$text = "网站搜索引擎优化优化曾经进入新的路途,不在是纯真的外链公布,文章更新的任务,是门综合的课程,是抱负和理想并存的工具。现在搜索引擎优化任务需求做
原创
63阅读
0评论
0点赞
发布博客于 3 月前

PHP:pdo连接数据库获取分区名称及属性信息

连接数据库//连接数据库$dsn = 'mysql:host=139.224.50.100;dbname=topv;charset=utf8';$user = 'topv';$pass = 'topv1234!';$db = new PDO($dsn, $user, $pass);获取分区名称及属性信息//获取分区名称及属性信息;$sql = "SELECT partition_name part,partition_expression expr,partition_descripti
原创
61阅读
1评论
0点赞
发布博客于 3 月前

数据可视化大屏辅助插件API(2):天气接口

获取天气接口数据 var url = 'https://tianqiapi.com/api?version=v6&appid=21317937&appsecret=ldA3yCrE'; $.getJSON(url, function (res) { console.log(traditional(res)); console.log(traditional(res.city)); console.log(traditional(
原创
110阅读
0评论
0点赞
发布博客于 3 月前

layui组件table定时刷新的解决方案

构建ranks的容器<table class="layui-hide" id="ranks"></table>layui調用表格组件 /*layui調用*/ layui.use(['table', 'carousel', 'layer'], function () { var table = layui.table, carousel = layui.carousel; table.render({ ele
原创
224阅读
0评论
0点赞
发布博客于 3 月前

Echarts实战案例分享:实战柱图日销售名称和图片对应展示的解决方案

var myChart = echarts.init(document.getElementById(id)); var option = { tooltip: { trigger: 'axis', formatter: function (params) { return dataName[params[0].dataIndex] + "<br> 产品数量:" + params[0].va.
原创
99阅读
0评论
0点赞
发布博客于 3 月前

数据可视化大屏辅助插件API(1):javascript封装时间函数

获取本月1日日期//获取本月1日日期function getMon() { var today = new Date(); var tYear = today.getFullYear(); var tMonth = today.getMonth(); tMonth = doHandleMonth(tMonth + 1); return tYear + "-" + tMonth + "-" + '01';}获取当前日期前后的时间/**获取近N天*/func
原创
56阅读
0评论
0点赞
发布博客于 3 月前

“技术让生活更便捷”之腾讯位置服务JavaScript API2.0前端定位和位置标注的开发实录

文章目录前言一、项目需求1.项目需求2.需求分解二、开发实战1.引入功能库和附件库2.构建腾讯地图容器3.调用前端定位组件1.定位成功回调函数获取位置坐标显示地图定义当前位置maker样式图片读取信息点(POINTS)并在地图上标注经纬度标注封装函数计算两点间的距离函数封装2.定位失败回调函数三、坐标经纬度拾取1.腾讯坐标拾取器2.WebService API地址解析(地址转坐标)四、注意事项1.script标签加载API服务2.附加库的引入3.自动定位组件库4.经纬度位置5.腾讯、百度和高德地图开发比较开
原创
206阅读
1评论
1点赞
发布博客于 3 月前

百度地图:监听地图缩放自动显示和隐藏的富文本标签

var map = new BMap.Map("container"); map.centerAndZoom(new BMap.Point(121.554586, 29.813444), 12); map.enableScrollWheelZoom(); map.setMapStyle({style: 'grayscale'}) //JSON数据接口; var markerArr = [ {title: "商会", point: "121.55...
原创
92阅读
0评论
1点赞
发布博客于 3 月前

漏刻有时地图可视化PHP开发explode二次分离经纬度标准格式的解决方案

在百度地图开发过程中,拾取到的经纬度,需要储存在mysql数据库中,但是每个的人开发习惯不同,经纬的储存方式也五花八门。经纬度分离lng:121.25563,lat:29.944719经纬度合并lnglat:121.25563,29.944719经纬度数组lnglat:[121.25563,29.944719]经纬度的使用,是“121.25563,29.944719”整体使用。//读取数据库经纬度信息;$lnglat = "121.25563,29.944719;121.30737
原创
56阅读
0评论
0点赞
发布博客于 3 月前

mapshaper命令:geojson转shp中文乱码的解决方案

导入时数据编码指令导出时输入编码指令编码指令encoding=gb2312Done!
原创
155阅读
2评论
0点赞
发布博客于 3 月前

layui使用table组件实现排序的CSS样式调整解决方案

外部文件引入 <link rel="stylesheet" href="layui/css/layui.css"> <script src="layui/layui.js" charset="utf-8"></script> <link rel="stylesheet" href="common.css">table引入 layui.use('table', function () { var table = .
原创
187阅读
0评论
0点赞
发布博客于 3 月前

echarts. registerMap选项specialAreas将地图中的部分区域缩放到合适的位置,可以使得整个地图的显示更加好看

echarts.registerMap('lockdatav', data, { "妈祖": { // 左上角经度 left: 120.178644, // 左上角纬度 top: 24.84237, // 经度横跨的范围 width: 0.21 }, .
原创
156阅读
0评论
0点赞
发布博客于 3 月前

「知行合一」337,地图可视化数据分析。

发布Blink于 3 月前

百度地图POI多信息点标注开发说明文档(php+layui+mysql+百度javascript API2.0+echarts4.8)

项目需求基于百度地图开发POI标注,预计POI数量在1w+;设置对应的POI信息弹窗;按地级市区域筛选当前所有标注的POI信息;单个POI标注能独立定位并展示所在的区域(行政边界区划);客户自主选择显示当前页面POI信息点的数量;地级市POI数据统计柱图;项目分析百度地图信息标注,同一页面是无法显示海量点的,会出现严重卡顿的情况;如果要显示海量点,需要借助mapv,但是却无法实现POI信息弹窗的功能;同时考虑到本次标注开发的主要目的是为了快速筛选和确定对应标注的信息,不是为了展示PO.
原创
124阅读
0评论
0点赞
发布博客于 3 月前

百度地图:使用javascript和web服务API自动实现经纬度编码的解决方案

web服务API 地址转码function getGeoCoding($address){ $url = "https://api.map.baidu.com/geocoding/v3/?address=" . $address . "&output=json&ak=F552bedbee2ec8fa6bae7b7a08201cbd&callback=showLocation"; $ch = curl_init(); curl_setopt($ch, CUR
原创
90阅读
1评论
0点赞
发布博客于 3 月前

php读取MySQL获取分区名称及属性信息的查询语句

//获取分区名称及属性信息;$sql = "SELECT partition_name part,partition_expression expr,partition_description descr,table_rows FROM INFORMATION_SCHEMA.partitions WHERE TABLE_SCHEMA = schema() AND TABLE_NAME = 'jk_data'";$res = $db->query($sql);$res->setFetchMo
原创
65阅读
0评论
0点赞
发布博客于 3 月前

php语句:MySQL指定分区表跨分区根据时间条件快速查询记录的封装函数

项目需求:传感器大数据量数据表,按照日期自动分区,现根据时间筛选条件进行跨分区查询数据。表分区查询语句语法mysql表分区查询记录SELECT * FROM t PARTITION(p0, p1);时间筛选格式$fromTime 2021-01-07 00:32:00$toTime 2021-01-06 15:32:00封装函数/*获取查询分区名称*$pre,分区前缀; * $fromTime,起始时间; * $toTime,结束时间,默认当前时间; * */function
原创
922阅读
7评论
0点赞
发布博客于 3 月前

php开发中MySQL时间类型筛选语句的解决方案

时间类型 `jk_date` datetime NOT NULL COMMENT '时间日期格式',筛选条件 $sql .= " AND DATE_FORMAT(jk_date,'%Y-%m-%d %H:%i%s') >= DATE_FORMAT('$fromTime','%Y-%m-%d %H:%i%s')";Done!
原创
76阅读
0评论
0点赞
发布博客于 3 月前

javascript实现对象数据键值不同的Object.keys循环读取解决方案

数据对象var data = { "93288240": { "enHomeTeam": "GS Warriors (SLAMDUNKVV) Esports", "enAwayTeam": "DEN Nuggets (Siegfried) Esports", "enVsTeams": "GS Warriors (SLAMDUNKVV) Esports @ DEN Nuggets (Siegfried) Esports"
原创
83阅读
0评论
0点赞
发布博客于 3 月前

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

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

Mapshaper数据处理:常用命令语句配置说明

mapshaper是用javascript开发的软件,可用于编辑shapefile、geojson、topojson等格式的数据。它的命令行支持必要的地图制作任务,如简化图像、编辑属性数据、裁剪、檫除、合并、过滤等。下面简单介绍mapshaper的安装、命令及使用。命令语法Usage: mapshaper -<command> [options] ...实践操作打印数据层的信息$ info区域分离语句根据name这个属性将梅田湖镇和新建乡分离出来,这里注意属性的名称是区分
原创
200阅读
1评论
0点赞
发布博客于 3 月前

Echarts项目开发:柱状图动态数据可视化排名榜(1)

项目需求: 在学习echarts的过程,遇到B站以及抖音里很多动态数据排行榜的案例。一部分是基于可视化软件的,还有一部分是基于d3.js开发的。离自己想要的需求还是有一定的差距。解决办法无非是学习软件或是基于d3开发,节省重复造轮子的过程。开发问题: 也不知道echarts能不能完成最终的结果,但是都是js,应该不会差到哪里。更何况,现在是站在原有模型的基础上进行仿制开发。开发目的:学习...
原创
1719阅读
0评论
1点赞
发布博客于 1 年前

layui框架实战案例(3):layui上传错误请求上传接口出现异常解决方案

问题描述:1、本地phpstudy部署,php 7.0.12, MySQL5.5.53 本地测试正常;2、服务器环境,宝塔配置部署WAMP,测试正常;异常情况:服务器环境windows 2016,phpstudy pro部署, php 7.3 ,MySQL5.7.6,出现上图错误。layui版本:v2.2.6 MIT 其实遇见这种问题是很奔溃,因为这个错误原因,事情往往是是干进度...
原创
3389阅读
1评论
0点赞
发布博客于 1 年前

百度地图开发:自定义区划管理php后台数据管理的解决方案(layUI前端)

自定义区划管理,不需再受限于行政规划,可根据业务特点(如网点覆盖范围、消费者分布、内部人员分工等)自由划分区域块,实现企业信息的精细化格网管理。视频演示: 百度地图自定义区划管理视频教程 基于百度地图API开放接口;获取边界数据后,PHP后台数据管理;降低专业GIS软件门槛,将GIS优化为大众画图工具,让画区不再繁琐;支持多人在线协同编辑区域及业务数据,提升工作效率;.
原创
115阅读
0评论
0点赞
发布博客于 3 月前

EasyPlayer.js直播与回放功能视频开发实战过程记录

EasyPlayer.js H5播放器,是一款能够同时支持HTTP、HTTP-FLV、HLS(m3u8)视频直播与视频点播等多种协议,支持H.264、H.265、AAC等多种音视频编码格式,支持mse、wasm等多种解码方式,支持Windows、Linux、Android、iOS全平台终端的H5播放器。集成使用示例引入copy EasyWasmPlayer.js 到项目中copy libDecoder.wasm到项目或者www的根目录(一定要根目录)在 html 中引用 EasyWas.
原创
239阅读
0评论
1点赞
发布博客于 3 月前

smarty模版引擎嵌套循环的解决方案

//设备权限; case "sensor"; //读取传感器分组和设备记录; $row = $db->fetchall('category', 'category_name,jk_sn,category_sorting', '', ' category_sorting DESC,category_id DESC'); //统计分组传感器设备编号; foreach ($row as $k => $v) { ...
原创
58阅读
0评论
0点赞
发布博客于 3 月前

layer弹出图片大小自适应

封装函数/*弹出图片*/function previewImg(url) { var imgHtml = "<img src='" + url + "' style='width:100%; max-width:100%;'/>"; // 创建对象 var img = new Image(); img.src = url; layer.open({ type: 1, shade: 0.5, area: [
原创
94阅读
0评论
0点赞
发布博客于 3 月前

layui复选框checkbox全选和获取值的解决方案

引入外部文件 <script src="../js/jquery.min.js"></script> <script src="layui/layui.js"></script> <link rel="stylesheet" href="layui/css/layui.css">HTML代码<form class="layui-form"> <div class="layui-form-it.
原创
144阅读
0评论
0点赞
发布博客于 3 月前

echarts图例legend实现默认选中显示状态的解决方案

项目需求:两个图例状态;默认只显示一组,另一组按需点击显示; legend: { data: ['波长', '物理量'], selected: { '物理量': true, '波长': false } },Done!...
原创
121阅读
0评论
0点赞
发布博客于 3 月前

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

漏刻有时物联网传感器数字化大屏说明文档
pdf
发布资源于 3 月前

腾讯位置服务富文本标签实现行政区域标注点聚合的解决方案

腾讯位置服务实战开发体验。
原创
88阅读
0评论
1点赞
发布博客于 4 月前

大数据量学习:ajax获取数据后将数组重新分组后分批定时渲染的解决方案

ajax调用数据 $.getJSON("data/yinzhou.json", "", function (res, status) { var data = res.features; // console.log(data); //分组渲染; if (status == "success") { arrChunk(data, 1); } else { console..
原创
67阅读
0评论
0点赞
发布博客于 4 月前

layui嵌套弹出模态框的Blocked a frame with origin null from的解决方案

我的博客即将同步至 OSCHINA 社区,这是我的 OSCHINA ID:漏刻有时数据可视化,邀请大家一同入驻:https://www.oschina.net/sharing-plan/apply
原创
149阅读
0评论
0点赞
发布博客于 4 月前

html5使用postMessage解决跨域和跨窗口消息传递的解决方案

postMessage()方法允许来自不同源的脚本采用异步方式进行有限的通信,可以实现跨文本档、多窗口、跨域消息传递。postMessage(data,origin)方法接受两个参数。1.data:要传递的数据,html5规范中提到该参数可以是JavaScript的任意基本类型或可复制的对象,然而并不是所有浏览器都做到了这点儿,部分浏览器只能处理字符串参数,所以我们在传递参数的时候需要使用JSON.stringify()方法对对象参数序列化,在低版本IE中引用json2.js可以实现类似效果。2.or
原创
62阅读
0评论
0点赞
发布博客于 4 月前

javascript获取返回当前 URL 的协议

(function () { var bp = document.createElement('script'); var curProtocol = window.location.protocol.split(':')[0]; console.log(curProtocol); if (curProtocol === 'https') { bp.src = 'https://v1.qiaodu.net/pus...
原创
44阅读
0评论
0点赞
发布博客于 4 月前

地图开发实战案例:高德地图loca API 文字LabelsLayer效果

html代码<div id="container" class="container"></div><script src="https://webapi.amap.com/maps?v=1.4.15&plugin=Map3D&key=4d9a765939a2b76588a3341c2828d87c"></script><script src="https://webapi.amap.com/loca?v=1.3.1&ke.
原创
282阅读
1评论
0点赞
发布博客于 4 月前

地图开发实战案例:高德地图弧线连接线标注

HTML代码<div id="container"></div><script src="//webapi.amap.com/maps?v=1.4.15&key=您申请的key值&"></script><script src="//webapi.amap.com/loca?v=1.3.2&key=您申请的key值"></script><script src="//a.amap.com/Loca/s.
原创
145阅读
0评论
0点赞
发布博客于 4 月前