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

  • 博客(45)
  • 资源 (17)
  • 问答 (1)
  • 收藏
  • 关注

原创 百度标注地图markers图片icon不正常显示的样式冲突解决方案

问题如上,基本上都是样式表冲突导致的。本例的解决方式如下:img { border: none; max-width: 100%;}删除max-width: 100%;即可

2020-02-29 20:26:25 173

原创 tab选项卡切换时echarts无法正常加载显示问题的解决方案

项目需求: 点击“日统计”、“周统计”、“月统计”实现加载三个echarts的折线图。问题反馈: 实际操作过程后中,点击第一个tab是加载echarts图表的,第二、三……个显示空白。问题测试: 在测试过程中,如果在span中写入文本的话,切换tab选项卡,是有对应的文本出现的,只是echarts加载有问题,排除TAB和JQ问题。问题解决:在页面进行加载时,隐藏的图表找不到对应的div...

2020-02-29 15:14:44 929

原创 HTML加密保护防止源文件被查看

<!--HTML保密文件,删除即可正常访问 Begin--> <script type="text/javascript" src="js/lockdatav.js"></script> <script> ;var encode_version = 'sojson.v5', jqmmv = '__0x6b22e...

2020-02-29 08:38:13 268

原创 js传递参数时变量名动态拼接(含数字或指定规律的变量名称)

项目需求:JS传参,需要要实现show1, show2, show3……以便快递和有效的调用函数。其中1、2、3……数字就是要传递的参数。前端传递方式:οnclick="getBtn(3);错误的解决思路:var show+id=true;这个是本能的操作,js基础不牢固的情况下,瞎撞的开发方式。正确思路:把变量名当成对象的一个属性名,把原本要给变量赋的值赋给此属性名。完整的代码...

2020-02-26 16:15:54 859

原创 Echarts富文本rich的使用实例代码

title: { text: '书与题材关系图', textStyle:{ fontSize:30, }, subtext:'{a|《美的沉思》}包含题材最多\n{a|【爱】}是出现最多的题材', subtextStyle:{ fontSize:22, ...

2020-02-23 18:24:34 346

原创 js不足十位自动补0函数

function fillZero(str) { var realNum; if (str < 10) { realNum = '0' + str; } else { realNum = str; } return realNum;}

2020-02-23 18:08:22 269

原创 function () {}()匿名函数

var xData = function () { var data = ['NO.1', 'NO.2', 'NO.3', 'NO.4', 'NO.5']; return data; }(); console.log(xData);

2020-02-23 15:54:41 48

原创 Echarts参数属性学习:x轴标签文本过长自动缩减并替换成缩略号...

xAxis: [ { type: 'category', axisTick: {show: false}, boundaryGap: false, axisLabel: { ...

2020-02-23 11:51:35 148

原创 CSS伪类的使用:标题下划线的纯CSS代码

.title { color: #fff; font-size: 20px; line-height: 40px; height: 40px; text-align: center; position:relative; ...

2020-02-22 19:16:19 155

原创 2019-nCov疫情实时趋势数据可视化Echarts学习(4):JSON数据数组排序和各省份数据柱图

效果如上。考虑到实际的情况,本例未延续(2)、(3)中的API接口,而采用https://www.tianqiapi.com/api?version=epidemic&appid=23035354&appsecret=8YvlPNrz,免费公用接口。在于:1.数据格式更规范,会减少数据清洗和处理的步骤和时间;2.数据更为详细,遍及省份、市级数据;综上因素考虑,本学习案例...

2020-02-16 18:11:21 580 2

原创 2019-nCov疫情实时趋势数据可视化Echarts学习(2):获取API数据接口后数据的清洗、处理及JSON标准格式的输出

首先感谢Vam的金豆之路提供《【免费开源】2020年独家全球疫情大数据接口(实时获取)》,见https://blog.csdn.net/qq_39045645/article/details/104227764。项目需求描述:1.获取API后数据分析,是否可以直接调用?答案:否。2.数据是否需要清洗?答案:是。3.如何清洗获取的API数据?答案:如下。首先JSON概念的的明确:JSO...

2020-02-16 12:43:27 1097

原创 数据可视化Echarts学习(2):柱图任务进度完成比例图属性练习柱图堆叠

option = { title:{ text:'漏刻有时任务进度属性练习', x:'center' }, xAxis: { show:false, type: 'value', }, yAxis: { type: 'category', axisLine:{show:f...

2020-02-16 10:27:09 146

原创 layui框架实战案例(4):echarts数据可视化大屏联动钻取实例:基于layui.layer的筛选&隐藏/显示&弹出层缩放图表功能开发

功能描述:1.echarts单例柱状图展示开发;2.筛选按钮接口开发;3.隐藏和显示echarts图表层开发;4.点击弹出缩放图表功能开发(基于layui.layer弹出层插件);代码如下:一、引入文件: <meta charset="UTF-8"> <title>漏刻有时组建开发实例:Echarts联动钻取功能,筛选&隐藏/显示&a...

2020-02-15 14:51:11 1216 2

原创 echarts tooltip设置正常却无法显示被遮挡设置层级堆叠顺序的问题解决方案

准确的来描述,echarts tooltip设置正常,却无法显示的问题,都是被遮挡了。实例如下:HTML中DOM代码: <div id="echart1"></div>HTML中对应的css代码:#echart1 { height: 400px; width: 100%; background-color: #393D49; b...

2020-02-15 14:35:48 1454

原创 jQuery中(function(){})()执行顺序导致的不正常显示存在的几个问题

正常的执行带码:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>function的执行顺序问题解决方案</title> <script src="jquery-3.3.1.min.js"></...

2020-02-14 22:00:27 90

原创 API接口获得数据后处理JS数组(包含字符串对象)分组、过滤和筛选的解决方案

读取API后,数组多是以字符串对象的形态存在于数组中的。根据实际情况,需要对得到的数据进行分组、过滤和筛选。如下,通过api获取以下格式数组,可以理解为从mysql数据库读取的二维数组: var arr = [ {area_name: "A街道", health_id: "1", health_must: "1693", health_today: "8", checke...

2020-02-14 16:34:26 1145

原创 Echarts本地导入Excle表格作为数据服务器的解决方案(支持.xls和.xlsx格式)

漏刻有时2019 **演示地址:**http://demo.qiaodu.net/data/21/平台说明:1.漏刻有时2019-nCov疫情防控大数据平台,是基于实际需要开发的本地版数据可视化产品,推荐Google Chrome 浏览器,1920*1080px,F11全...

2020-02-14 10:39:09 354 7

原创 JavaScript将csv转为json的解决方案(2):papaparse.js插件

Fast and powerful CSV parser for the browser that supports web workers and streaming large files. Converts CSV to JSON and JSON to CSV. 来源:https://www.bootcdn.cn/PapaParse/papaparse是专门分析CSV的插件,jque...

2020-02-12 23:44:52 610

原创 echarts读取excle转为json格式显示图表异步加载数据的方法(2)

一、引入jquery.min.js、jquery.csv.min.js和echarts.min.js核心js库; <!--jquery核心库--> <script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"></script> <!--jquery.csv...

2020-02-12 19:01:24 102 2

原创 echarts读取excle转为json格式显示图表同步加载数据的方法(1)

一、引入jquery.min.js、jquery.csv.min.js和echarts.min.js核心js库; <!--jquery核心库--> <script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"></script> <!--jquery.csv...

2020-02-12 19:00:15 508

原创 js读取csv文件并使用json显示中文乱码的解决方案

一、通过excle整理数据,标准的表格数据格式二、选择“文件”另存为“sample.csv”格式三、记事本,右键打开“sample.csv”,再选择文件“另存为”,在编码选项中选择“UTF-8”格式。刷新页面!Done!...

2020-02-12 17:20:55 817 1

原创 ajax获取success返回值的解决方案

获取success返回值的方式有:一、调用返回值,作为全局函数使用:var jsonData = []; function getCsv() { var csv_file_API = 'sample.csv';//csv files $.ajax({ type: 'post', url: csv_file_...

2020-02-12 16:47:39 239 2

原创 JavaScript将csv转为json的解决方案(1):jQuery-csv解析csv数据

CSV是Comma Separated Values的缩写,一种常用的数据存储文件格式,其中每一行是一条记录,每一条记录包含很多列,每列中的数据通常使用逗号分隔,当其中的值包含逗号时需要使用单引号或双引号包含。 其实CSV的分隔符是很灵活的,可以使用很多种。很多js函数库都可以解析CSV文件,比较简单和简洁的是使用jQuery-csv.js。使用jQuery-csv.js解析出的CSV文件...

2020-02-12 10:51:26 759

原创 php常用自建函数学习(7):读取文件内容和写入文件内容

//读取文件内容if(!function_exists('Readf')){ function Readf($file) { if(file_exists($file) && is_readable($file)) { if(function_exists('file_get_contents')) { $str = file_get_conte...

2020-02-12 09:29:35 82

原创 php常用自建函数学习(6):获取指定长度随机字符串

//获取指定长度随机字符串if(!function_exists('GetRandStr')){ function GetRandStr($length=6) { //'!@#$%^&*()-_ []{}<>~`+=,.;:/?|'; $chars = 'abcdefghijklmnopqrstuvwxyzABCDEFGHIJ...

2020-02-11 19:41:40 95

原创 php常用自建函数学习(5):判断是否是通过手机访问

/***判断是否是通过手机访问*/if(!function_exists('isMobile')){ function IsMobile() { //如果有HTTP_X_WAP_PROFILE则一定是移动设备 if(isset($_SERVER['HTTP_X_WAP_PROFILE'])) return TRUE; //如果via信息含有wap则一定是移动设备,...

2020-02-11 18:50:14 55

原创 php常用自建函数学习(4):ShowMsg返回弹出信息并进行返回、跳转、刷新等操作

if(!function_exists('ShowMsg')){ function ShowMsg($msg='', $gourl='-1') { if($gourl == '-1') echo '<script>alert("'.$msg.'");history.go(-1);</script>'; else if($gourl == '0')...

2020-02-11 18:48:55 376

原创 php常用自建函数学习(3):格林威治标准时间、格式化(Y-m-d H:i:s)的时间、Linux时间截转换

//返回格林威治标准时间if(!function_exists('MyDate')){ function MyDate($format='Y-m-d H:i:s', $timest=0) { global $cfg_timezone; $addtime = $cfg_timezone * 3600; if(empty($format)) $format = 'Y-m-d...

2020-02-11 18:45:25 120

原创 php常用自建函数学习(2):kb/mb/gb/tb单位数据大小自动转换

if(!function_exists('GetRealSize')){ function GetRealSize($size) { $kb = 1024; // Kilobyte $mb = 1024 * $kb; // Megabyte $gb = 1024 * $mb; // Gigabyte ...

2020-02-11 18:42:54 66

原创 php常用自建函数学习(1):标题或内容超过长度时在尾处加上省略号...

/* * 函数说明:截取指定长度的字符串 * utf-8专用 汉字和大写字母长度算1,其它字符长度算0.5 * * @param string $str 原字符串 * @param int $len 截取长度 * @param string $etc 省略字符... * @return string 截取后的字符串 */if(...

2020-02-11 18:39:39 49

原创 漏刻有时数据可视化屏幕分辨率自适应PC端的概念

屏幕分辨率是指纵横向上的像素点数,单位是px。屏幕分辨率确定计算机屏幕上显示多少信息的设置,以水平和垂直像素来衡量。就相同大小的屏幕而言,当屏幕分辨率低时(例如 640 x 480),在屏幕上显示的像素少,单个像素尺寸比较大。屏幕分辨率高时(例如 1600 x 1200),在屏幕上显示的像素多,单个像素尺寸比较小。漏刻有时数据可视化大屏分辨率采用1920*1080px,16:9模式,即FHD(全...

2020-02-09 20:43:59 296 1

原创 Echarts参数属性学习:formatter字符串&返回函数的实战案例

formatter内容格式器,支持字符串模板和回调函数两种形式。回调函数格式:(params: Object|Array, ticket: string, callback: (ticket: string, html: string)) => string{ componentType: 'series', // 系列类型 seriesType: string,...

2020-02-08 12:02:03 1138

原创 Echarts参数属性学习:地图可视化视觉映射组件visualMap数组最大值max的获取方式

一、创建随机数JS代码 function rondomNum(){ return parseFloat(Math.random()*1000).toFixed(0); }二、地图县市名称及值 var cityData = [ {name: '阿克苏市', value: rondomNum()}, ...

2020-02-08 00:30:50 963

原创 Echarts参数属性学习xAxis与yAxis演示案例

option = { xAxis: { type: 'category', // position:'top',//坐标轴的位置 data: [{value:'1',textStyle:{ color:'#ff0033', }}, '2/7', '3', '4', '5', '6', '7']//每一项...

2020-02-07 23:40:16 993

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

Echarts参数属性学习Gird演示案例:在同一个DOM中,使用gird同时创建折线图和柱图,可高效的利用数据,同时对API的开发和对接有事半功倍的效果。var dataAll = [//创建数据数组; [10,8,9,23,34,56,87], [30,34,45,67,45,67,32]];option = { title:{ text:'漏刻...

2020-02-07 20:59:29 144

原创 漏刻有时开源框架:2019-nCov疫情防控数据可视化大屏作战室

2019-nCov疫情防控大数据可视化作战平台,基于实际情况,采用直接导入excle表格的形式,将疫情一键发布,实现快速的疫情信息展示和进行快速的决策及战略执行。演示视频: 2019-nCov疫情防控数据可视化 效果页面:一、基于数据安全和保密需要,设置大屏密码登录保护;...

2020-02-07 17:44:15 1525 2

原创 漏刻有时数据可视化大屏常见问题(8)count(): Parameter must be an array or an object that implements Countable

漏刻有时数据可视化大屏常见问题(8)count(): Paarameter must be an array or an object that implements Countable

2020-02-07 16:50:42 163

原创 Window Server studyPro部署php环境mysql数据库配置遇见的问题

window Server 2016 ,直接通过studypro控制面板操作创建数据库,很容易出现各种ERROR 1044:Access denied for 等问题。目前自己遇到问题的解决方案:1.window Server >2008以后,mysql 5.5以下的版本就不要安装了,各种不兼容;如果强行安装,就会解决一个问题又出现一个问题;2.mysql 5.5、5.6两个版本,目前...

2020-02-07 14:10:30 144

原创 php无法返回标准JSON格式:导致的$.ajax返回的数据无法执行success的解决方案

JSON的标准格式:{“键”:“值”,“键”:“值”}一、前端提交代码,如下$.ajax({ type: "post", url: "index.php?m=Index&a=accessIn&act=access", async: true, data...

2020-02-06 22:33:59 351 1

原创 漏刻有时数据可视化大屏常见问题(7)自动安装容易导致页面错位

漏刻有时数据可视化(LOCKDATAV),在测试的过程中,window studypro环境部署中,如果不是通过自带安装程序安装,容易出现以下问题:1.样式表失效,典型的是页面错乱,顶部出现空边距;2.后台登录功能失效,成功登录后,不会自动跳转,需要刷新后才能跳转到管理后台控制台页面;3.其他……初步原因诊断,应该是smarty模版引擎未正常加载导致的错误。请漏刻有时数据可视化的爱好者和研...

2020-02-06 22:09:52 164

sampling降采样策略.zip

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

2020-10-12

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

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

2020-12-31

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

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

2020-12-25

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

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

2020-11-28

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

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

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

2020-08-25

layuitable和php动态翻页源代码

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

2020-07-30

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

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

2020-07-25

雄安新区GEOJSON带县边界

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

2020-07-06

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

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

2020-07-06

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

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

2020-07-06

Echarts组件南丁格尔玫瑰图

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

2020-07-01

bmap.min.js

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

2020-05-22

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

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

2020-02-12

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

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

2020-02-07

upload.zip

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

2020-02-05

空空如也

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

TA关注的人 TA的粉丝

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