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

原创 Echarts高级进阶教程:图表渲染大数据量导致卡顿加载时间慢等问题的解决方案

项目需求 定义何为大量数据 在近期的Echarts数据可视化大屏的开发中,遇见了大量数据加载的情况。首先,定义何为大量数据?本文的大量数据是指10000+条数据或者10M+文件容积大小的数据。对于日常的Echarts渲染图表,无非是对接api接口→ajax获取数据→Echarts渲染图表,这样的流...

2020-10-12 15:48:03 125 0

原创 漏刻有时数据可视化大屏核心完整版框架PHP后台数据管理 API数据接口 Echarts图表库 自带电脑端和手机端两套模版且支持自定义前端模版开发

漏刻有时数据可视化大屏前端密码登录保护界面 漏刻有时数据可视化大屏核心展示大屏

2020-06-12 10:49:00 223 1

原创 漏刻有时LOCKDATA数据可视化大屏核心框架模版 带PHP后台数据管理 含2套Echarts模版

漏刻有时(LOCKDATA),智能化数据展示解决方案服务商,让更多的人看到数据可视化的魅力,促进前沿技术与产业融合,帮助非专业的工程师通过图形化的界面轻松搭建专业水准的可视化应用,满足会议展览、业务监控、风险预警、地理信息分析等多种业务的展示需求。 漏刻有时可视化系统由PHP语言进行开发,基于百...

2019-08-01 10:26:34 446 0

原创 javascript计算对象数组某项求和的封装函数

function getTotal(dataList, value) { var strarr = []; for (var i in dataList) { strarr.push(dataList[i][value]) } var total =...

2020-10-24 21:02:40 0

原创 layui在当前页面弹出层的HTML

<!--弹窗内容 Begin--> <!--性别--> <div class="popup" id="popup1"> <div id="gender2" style="widt...

2020-10-24 21:01:34 2 0

原创 Echarts中用到的base64图标

legend: { orient: 'vertical', id: 1, y: 'bottom', x: 'right&...

2020-10-24 20:57:13 2 0

原创 ajax异步加载获取数据与Echarts渲染图表的两种解决方案

ajax获取API接口数据,然后在Echarts中进行数据传递渲染,是最常见的方式,也是实现客户端轮询图表刷新的必用方式。在开发过程中,不同的需求对ajax的使用也有不同的方式。 引入外部JS包 <script type="text/javascript" src...

2020-10-24 08:14:54 17 0

原创 CSS动画:旋转动画

<div> <img class="jzxz1" src="images/jzxz1.png"> <img class="jzxz2" src="images/orange.png&...

2020-10-23 20:26:00 19 0

原创 Echarts组件属性function回调函数的灵活使用调整不同的图表状态

柱图隔行显示不同的颜色 series: [{ data: [], type: 'bar', itemStyle: { color: function (par...

2020-10-23 20:09:50 0

原创 javascript插件:countUp.min.js数字滚动效果

引入JS <script type="text/javascript" src="js/jquery-3.3.1.min.js"></script> <script type="text/javascr...

2020-10-23 12:15:17 21 0

原创 javascript函数:function() {}()的实战案例理解

基础不牢,房塌屋倒。javascript如果没有把基础知识掌握牢固的话,可能在实践中遇见一些本来很简单的实现方式,却劳师动众的用各种组合封装函数来实现一个简单的功能。 function() {}() (function() { const now = new Date();...

2020-10-23 12:04:54 16 0

原创 Echarts公用代码的变量统一封装调用

在Echarts中,有些属性是通用的属性,如果在组件中重复使用,不便于调整且容易造成代码冗余,建议使用变量,然后统一传入。 使用示例如下: 定义变量 var labelRight = { normal: { position: 'right' }...

2020-10-22 21:36:49 15 0

原创 Echarts实战案例代码(46):带渐变背景颜色的倾斜角度的图表的CSS样式表解决方案

项目需求 UI设计师在大屏设计时,出现了倾斜角度的Echarts角度的图表。 解决思路 实际上,正常渲染图表,将图表所在的容器在CSS样式表进行rotateY(30deg)设置即可。 HTML代码 <div class="container"> <di...

2020-10-22 12:42:57 24 0

原创 高德地图web服务API接口开发:获取IP定位显示当前位置的天气预报解决方案

获取当前的IP定位 //获取当前的IP定位; var key = "4d9a765939a2b76588a3341c2***" var url = "https://restapi.amap.com/v3/ip?key=" + key...

2020-10-22 11:46:33 63 0

原创 Echarts实战案例代码(45):拼接屏字体自适应的解决方案

在非1920*1080,16:9模式下,字体设置成固定值,在实际显示的时候会有误差。此时,需要将字体设置成自适应。 封装函数 function fontSize(res) { let docEl = document.documentElement, ...

2020-10-21 18:39:57 17 0

原创 Echarts实战案例代码(44):同时渲染折线图实现和虚线渲染实现已发生和预测趋势的解决方案

解决思路 实线和虚线,都是折线图lineStyle固有的属性; 分成同样数据的两组series,一段为实线,一段为虚线; Echarts代码 option = { xAxis: { type: 'category', data: [&...

2020-10-17 09:14:58 55 0

原创 php使用webSocket实现Echarts长连接自动刷新的解决方案(3):获取读取数据库数据队列进行实时刷新

//刷队列,取数据 while (true) { $msg = code(trim(rand(2, 60))); var_dump(trim($msg)); sleep(5); socket_write($msgsock, $...

2020-10-15 17:14:45 57 0

原创 php使用webSocket实现Echarts长连接自动刷新的解决方案(2):后端服务端代码返回json数据

websocket.php后端的设置: php.ini需要开启sockets扩展; websocket需要CLI(命令行工具)启动服务端文件服务:php websocket.php websocket.php代码 $address = "127.0.0.1"; $port...

2020-10-15 10:14:30 45 0

原创 php使用webSocket实现Echarts长连接自动刷新的解决方案(1):前端获取后端JSON数据

项目需求 Echarts图表自动获取服务器端推送的数据,实现图表的自动渲染更新; 前端代码 引入JS包 <script src="js/jquery-3.3.1.min.js"></script> <script src="...

2020-10-15 10:02:24 49 0

原创 javascript链接高亮显示的简洁代码

var theObj; function hilight(obj){ if(theObj!=null){theObj.style.background = "#fff";} if(theObj = obj){obj.style.background = "red&qu...

2020-10-14 19:26:07 22 1

原创 php解决ajax使用post请求时提交的数据过多而导致et::ERR_CONNECTION_RESET的解决方案

et::ERR_CONNECTION_RESET 200 (OK) php.ini ; Maximum size of POST data that PHP will accept. ; Its value may be 0 to disable the limit. It is ignore...

2020-10-14 19:22:27 24 0

原创 javascript整数千分位格式化函数

function formatNum(str) { var newStr = ""; var count = 0; if (str.indexOf(".") == -1) { for (...

2020-10-14 18:32:18 30 1

原创 javascript实现数据自动模拟系列(1):ProgressBarWars.js进度条动画轮播

官方名称 jQuery仿造星球大战激光剑效果水平进度条 插件JS ProgressBarWars.js 使用步骤 引入外部JS包 <script src="js/jquery-2.1.1.min.js" type="text/javascript"&g...

2020-10-14 18:15:41 26 0

原创 jquery通过setInterval实现按钮的轮播点击效果

在项目开发中,需要实现按钮的定时轮播,却发现要引入一个JS轮播插件,需要“大动干戈”。于是,写了个简单的按钮轮播。 CSS样式表 body { margin: 0; padding: 0; } .pa...

2020-10-14 16:17:06 41 0

原创 swiper插件实现echarts轮播的解决方案

引入外部js <!-- 轮播swiper文件 --> <link rel="stylesheet" type="text/css" href="css/swiper.min.css"> <script src...

2020-10-14 10:35:22 34 0

原创 Echarts高级进阶教程(4):大数据量处理ajax异步加载折线图数据实现心电图动画效果的解决方案

图表渲染 <script type="text/javascript"> var dom = document.getElementById("container"); var myChart = echarts.init(dom...

2020-10-12 20:55:57 68 0

原创 PHP开发中$_GET请求转为$_POST获取参数的解决方案

在php中,可以用$params = $_REQUEST['params'];来替代GET和_GET和G​ET和_POST获取提交的数据,缺点:速度比较慢 。 $_GET过滤函数 /* 1. 变量传递值函数 2. @param $str 变量值 */ function...

2020-10-12 20:13:27 23 0

原创 2019-nCov疫情实时趋势数据可视化Echarts学习(3):JSON数据和echarts柱图和折线图表的开发

先上效果图: 了解本次学习,先回顾《2019-nCov疫情实时趋势数据可视化Echarts学习(2):获取API数据接口后数据的清洗、处理及JSON标准格式的输出》 一,将JSON数据按照echarts的data要求进行格式化; var area = [], confir...

2020-10-12 15:28:01 734 1

原创 Echarts高级进阶教程(3):appendData大数据量分片加载数据增量渲染和常规思路异步加载数据的对比,对折线图是无效的

模拟数据 //模拟数据; var dataList = [], dataName = []; var newData = 1000000; for (var i = 1; i < newData; i++) { dataName.push(i)...

2020-10-12 15:25:43 131 2

原创 2019-nCov疫情实时趋势数据可视化Echarts学习(1):柱图和折线图

option = { title: { text: '全国疫情防控数据', subtext: '2019-nCov虚拟数据' }, tooltip: { trigger: 'a...

2020-10-12 12:27:16 535 0

原创 Echarts高级进阶教程(2):appendData异步加载大数据量分片加载数据和增量渲染的解决方案

Echarts官方提供分片加载数据和增量渲染的方法appendData,但是目前的资料比较少。现结合Echarts官方和面向CSDN编程的方法,整理解决方案如下: echartsInstance. appendData (opts: { // 要增加数据的系列序号。 seriesI...

2020-10-12 11:19:08 90 0

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

测试目的 Echarts折线图,大量数据异步加载导致dataZoom组件拖动缩放时间轴卡顿 测试环境 本地json,28006条数据; ajax异步加载; $(function () { var dataUrl = "data/data.json"...

2020-10-12 09:43:50 84 0

原创 javascript将ajax返回的对象数组按照类别字段分组判断是否存在,传递echarts进行图表渲染

数组分组 //设备数据分组 var device = res.device; //传感器设备的图表; var t = []; for (var j = 0; j &l...

2020-10-11 18:31:29 23 0

原创 javascript计算某段代码大执行时间console.time()

console.time() 方法是作为计算器的起始方法,该方法一般用于测试程序执行的时长。 console.time("lcdata"); for (var i = 2015; i < 2021; i++) { opHtml += &q...

2020-10-11 18:24:07 16 0

原创 HTML下拉框选择事件

项目需求 下拉框改变时,直接传值,不要查询点击按钮。 项目代码 HTML <select name="years" id="years"></select> 下拉框传值 var opHtml = "";...

2020-10-11 11:27:50 25 0

原创 javascript自动判断15位和18为身份证号计算年龄的解决方案

项目需求 人员信息录入过程中,需要根据身份证号码,自动计算出当前的年龄。 方案代码 //根据身份证,自动计算年龄; function GetAge(identityCard) { var len = (identityCard + "").length; if ...

2020-10-10 11:42:59 29 0

原创 宝塔Linux面板nginx配置SSL证书的解决方案

项目需求 在Linux系统中,宝塔面板配置SSL证书 项目准备 已经完成备案的域名(必须); 阿里云或腾讯云申请免费的SSL证书(必须); 配置过程 添加站点 创建网站 输入已经备案的域名 配置SSL证书 在新建的站点列表中,选择刚建立的网站,点击弹出配置框,选择SSL,界面如下: 选择...

2020-10-10 11:36:04 50 0

原创 javascript时间函数的运用:根据开始时间和时间差来计算截至时间的解决方案

项目需求 根据开始时间和时间差来确定截至时间 项目说明 开始时间:2020-10-10 09:16:50 查询2小时前的时间,即:2020-10-10 07:16:50 项目方案 js时间函数需要使用不同的属性来组合实现具体时间; 时间不足十位数的,需要0补充; 将时间转化时间戳,然后毫秒加减实...

2020-10-10 09:20:33 30 0

原创 Echarts实战案例代码(43):折线图中splitLine配置数据自动分组分段显示效果的解决方案

项目需求: 在折线图中,需要将数据自动以分割线分成4组,显示趋势。 解决方案: 在X轴的splitLine属性中设置 interval,解决分割线显示的问题; 前端ajax返回res.data后,将其长度平均分割成4份; var modSl = parseInt(res.data.length...

2020-10-10 09:13:06 83 2

原创 漏刻有时API接口实战开发系列(11):腾讯云短信3.0sms开发SDK环境部署及配置的实战总结

COMPOSER配置 腾讯云短信3.0,不支持直接下载配置,需要使用composer进行配置。以windows配置为例: Wondows 平台上,下载 Composer-Setup.exe 后,一步步安装即可; 环境变量配置:找到并进入 PHP 的安装目录(和你在命令行中执行的 php 指令应该...

2020-10-07 12:02:03 89 0

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