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

原创 CSS背景图片自适应大小

/*数据指标装饰框*/ .rim { position: relative; background: url("../images/boder.png"); background-size: 100% 100%; padding: 10px; ...

2020-10-31 21:15:17 16 0

原创 Echarts实战案例代码(47):barGap属性实现不同系列的柱间距离且在最后一个 bar系列上才会生效

series: [ { name: '2011年', type: 'bar', barWidth:'50%', data: [...

2020-10-31 11:14:37 82 0

原创 javascript单击复制表单内容

<input type="text" id="txtNum"> <button onClick="copyTxt()">点击复制代码</button> //复制事件; function...

2020-10-29 17:58:52 31 0

原创 Echarts使用geojson地理坐标地图地名label标签位置不居中调整的解决方案

添加或调整properties.cp即可。 "properties":{"cp": [107.829288,34.265936],"province":"陕西省","city":"宝鸡市&...

2020-10-29 12:15:22 78 0

原创 Echarts属性通过定时器实现动画效果的研究(柱图)

Echarts组件可以通过定时器实现不同的动画效果。 正常渲染图形 var dom = document.getElementById("container"); var myChart = echarts.init(dom); var option = { ...

2020-10-28 18:19:23 56 0

原创 javascript定时显示数组元素

//定义一个定时器 var t; var i = 0; //定义一个数组; var names = new Array('杨过', '乔峰', '韦小宝', '令狐冲'); //...

2020-10-28 17:42:58 28 0

原创 CSS版的雷达扫描效果

CSS代码 body { background-color: #000; } #radar:after { content: ''; display: bl...

2020-10-28 17:39:59 33 0

原创 Echarts除了tooltip其它的标签暂时都不支持html情况下label标签加背景图片的美化方案

echarts 除了 tooltip,其它的标签暂时都不支持 html tooltip: { show: true, backgroundColor: "transparent", ...

2020-10-28 08:40:08 26 0

原创 Echarts实战GEO3D和bar3D延迟显示动画发光柱图的练习(未成功)

let geoCoordMap = { "海门": [121.15, 31.89], "鄂尔多斯": [109.781327, 39.608266], "库尔勒": [86.06, 41.68], ...

2020-10-27 22:26:18 78 1

原创 mysql直接通过phpmyadmin导入csv文件需要注意的地方

mysql直接通过phpmyadmin导入csv文件 excle编辑好文件,需要日期和时间类型,必须是两位数; 保存csv后,需要用记事本打开,再次另存为"utf-8"编码,默认保存的是ANSI编码; phpmyadmin选择“CSV using LOAD DAT...

2020-10-27 12:52:59 26 0

原创 php和mysql语句中判断一个值是否在数组的写法

in_array() 函数搜索数组中是否存在指定的值。 bool in_array ( mixed $needle , array $haystack [, bool $strict = FALSE ] ) 返回值: 如果在数组中找到值则返回 TRUE,否则返回FALSE。 //默认数组; $b...

2020-10-27 10:42:47 26 0

原创 HTML使用DOM属性跳转页面

window.onload = function () { document.getElementById("mainFrame").src= "http://mall.qiaodu.net"; } <ifr...

2020-10-27 08:17:02 24 0

原创 select下拉框的值传递

function goPages() { var m = document.getElementById("m").options[document.getElementById("m").selectedIndex].value; ...

2020-10-26 20:11:02 23 0

原创 php操作分表的写法

//分表的伪ID; $id = $_POST['id']; //对主键id取模从而来判断操作哪张分表 $d = $id%2; $sql = update user{$d} set username='{$username}',age='{$age}...

2020-10-26 14:22:45 23 0

原创 javascript本地化存储localStorage的实战用法

HTML <div class="col-lg-6" style="margin-top:20px;"> <div class="input-group"> <input type=&...

2020-10-26 11:07:03 50 0

原创 Echarts初始化容器的DOM写法

正常的是使用HTML语法DOM直接获取 var myChart = echarts.init(document.getElementById("main")); 使用jQuery的写法: var myChart1 = echarts.init($("#main&qu...

2020-10-26 08:28:34 42 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 29 0

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

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

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

原创 Echarts中用到的base64图标

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

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

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

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

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

原创 CSS动画:旋转动画

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

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

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

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

2020-10-23 20:09:50 35 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 57 0

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

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

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

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

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

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

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

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

2020-10-22 12:42:57 49 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 212 0

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

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

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

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

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

2020-10-17 09:14:58 69 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 95 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 77 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 78 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 30 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 35 0

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

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

2020-10-14 18:32:18 36 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 37 0

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

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

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

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

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

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

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

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

2020-10-12 20:55:57 131 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 25 0

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