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

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

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

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

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

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

2020-02-29 20:26:25 91

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

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

2020-02-29 15:14:44 555

原创 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 221

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

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

2020-02-26 16:15:54 606

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

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

2020-02-23 18:24:34 170

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

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

2020-02-23 18:08:22 181

原创 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 33

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

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

2020-02-23 11:51:35 96

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

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

2020-02-22 19:16:19 92

原创 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 432 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 987

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

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

2020-02-16 10:27:09 101

原创 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 611 1

原创 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 974

原创 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 54

原创 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 1094

原创 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 248 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 346

原创 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 74 1

原创 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 322

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

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

2020-02-12 17:20:55 566 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 146 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 466

原创 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 49

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

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

2020-02-11 19:41:40 70

原创 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 34

原创 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 277

原创 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 97

原创 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 49

原创 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 34

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

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

2020-02-09 20:43:59 207 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 788

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

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

2020-02-08 00:30:50 655

原创 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 629

原创 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 119

原创 漏刻有时数据可视化大屏常见问题(8)count(): Paarameter 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 121

原创 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 118

原创 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 249 1

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

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

2020-02-06 22:09:52 118

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