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

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

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

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

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

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

原创 Echarts处理点击链接事件的解决方案

设置地区名称数组 var town = ["莞城街道", "南城街道", "东城街道", "万江街道", "石龙镇", "石排镇", "茶山镇", &...

2020-11-23 12:44:48 22 0

原创漏刻有时在提交数据出现Unknown column的错误提示解决方案

只适合数字类型的sql语句 $db->update('fireground', array('data_id' => $data_id), 'id=' . $id); 建议写法 $db->update(...

2020-11-21 20:53:34 25 0

原创 layui实现登录加载loading的解决方案

var $ = layui.jquery, upload = layui.upload; var loadingIndex; upload.render({ elem: '#uploadImg' ,...

2020-11-21 20:05:48 18 0

原创漏刻有时数据可视化大屏实现已登录直接跳转到页面的方法

function index() { //判断是否登录； if (@$_COOKIE["adminname"] == "") { global $CONF; $tpl =...

2020-11-21 20:04:47 10 0

原创 Echarts地理坐标地图geojson文件解码过程

Echarts提供的解码方式 function decodePolygon(coordinate, encodeOffsets, encodeScale) { var result = []; var prevX = encodeOffsets[0]; ...

2020-11-18 14:22:01 27 0

原创 php计算两个坐标点之间的距离的类

/* 计算两组经纬度坐标之间的距离 * @param $lat1 纬度1 * @param $lng1 经度1 * @param $lat2 纬度2 * @param $lng2 经度2 * @param int $len_type 返回值类型(1-m 2-km) * @param i...

2020-11-18 14:18:25 17 0

原创百度地图开发API：计算两个坐标点的距离

//异步加载地图 function loadJScript() { var script = document.createElement('script'); script.type = 'text/javascript�...

2020-11-18 14:17:22 38 0

原创 mysql按天自动生成表分区的执行语句

CREATE TABLE `jk_data` ( `id` int(11) NOT NULL AUTO_INCREMENT COMMENT '数据ID主键', `jk_date` datetime NOT NULL COMMENT '时间日期格式',...

2020-11-18 09:52:43 17 0

原创 Echarts图表应用实战案例分析

截至目前，用Echarts做到比较满意的一个实战案例。整体分为三个部分：左线：柱状堆叠图A、柱状堆叠图（异化成刻度尺）B、柱状图堆叠（柱状进度条）C；横洞：柱状图G；右线：柱状堆叠图D、柱状堆叠图（异化成刻度尺）E、柱状图堆叠（柱状进度条）F；其中，A&D、B&E、C&a...

2020-11-17 16:20:07 18 0

原创 Echarts手机端无刷新实现图表自适应横屏和竖屏的解决方案

myChart.setOption(option); /*window.addEventListener("resize", function () { myChart.resize(); });*/ window.addEventLis...

2020-11-17 14:56:18 11 0

原创 php模版引擎smarty中判断数组是否为空自动输输出

<span id="equip">设备数量：<label id="equipNum">{if $total|@count eq "0" }0{else}{$total}{/if}</label><...

2020-11-15 12:28:25 21 0

原创 Echarts高级进阶教程(5)：mysql大数据量分表分区的API接口读取语句

public function getData() { global $db, $res; dbc(); //分组序列号; $jk_sn = "6910001582"; //当日分区数据; $partName = get_param("par...

2020-11-14 23:08:18 21 0

原创 php实现mysql计算经纬度坐标距离的筛选附近范围POI的解决方案

经测试，按照该公式和腾讯地图经纬度距离计算，精度基本上是匹配的。地球半径采用的是6378.137千米。 //选取小余500m的经纬度; public function getNear() { global $db, $res; dbc(); $city_lat = "...

2020-11-14 20:17:00 61 0

原创 Echarts实战案例代码(54)：柱状图堆叠实现刻度线的解决方案

var a = [0, 10, 100, 100, 100, 100, 100, 100, 100, 100, 100, 100, 100, 100, 100, 100, 100, 100, 100, 100, 100, 100, 100, 100, 100, 100, 85]; var b = ...

2020-11-14 19:10:47 27 0

原创 Echarts实战案例代码(53)：刻度线的实现解决方案

option = { xAxis: { boundaryGap:false, axisLabel:{ rotate:30, }, data: [150290, 3, 4, 5, 6, 7, ...

2020-11-14 18:25:12 23 1

原创 Echarts实战案例代码(52)：双轴折线图的配置

var dom = document.getElementById("container"); var myChart = echarts.init(dom); var option = { legend: { data:...

2020-11-13 09:39:44 25 0

原创腾讯地图开发(1)：点击地图事件解析地址

//解析地址 analysis(position.lat, position.lng); //绑定地图点击事件 qq.maps.event.addListener(map, "click", function (e) { ...

2020-11-13 09:30:13 50 0

原创百度地图和腾讯地图开发经纬度的位置是互换的

腾讯地图的坐标拾取：https://lbs.qq.com/tool/getpoint/index.html，坐标格式：29.844217,121.558228。百度地图的坐标拾取：http://api.map.baidu.com/lbsapi/getpoint/index.html，坐标格式：1...

2020-11-13 09:29:38 137 0

原创 php公用函数：获取字符串中英文混合长度

//获取字符串中英文混合长度 function get_strlen($str, $charset = 'utf-8') { if ($charset == 'utf-8') $str = iconv('utf-8', 'gb...

2020-11-09 21:22:36 15 0

原创 php公用函数：生成随机数字大小写字母的N位随机字符串

//获取随机字符串 function get_randNum($len = 12) { $chars = '0123456789abcdefghijklmnopqrstuvwABCDEFGHIGKLMNOPQRSTUVWXYZ'; $str = ''...

2020-11-09 21:20:50 20 0

原创 php公用函数：生成唯一的字符串

//创建一个新名字 function getNewName() { return md5(uniqid(md5(microtime(true)),true)); } Done！

2020-11-09 21:18:08 28 0

原创 php将数组转化成拼接IN字符串实现mysql使用where in 用法

select * from table where uname in(‘aaa’,bbb’,‘ccc’,‘ddd’,‘eee’,ffff’’); /* 拼接成in格式: IN('a','b','c') * @access...

2020-11-09 21:15:36 48 0

原创百度地图API开发：map.getDistance计算两点之间的距离（直线距离）

getDistance(start: Point, end: Point),返回两点之间的距离，单位是米创建容器 <div id="container"></div> JS代码 //异步加载地图 function loadJScri...

2020-11-08 20:31:03 182 0

原创 Echarts实战案例代码(51)：堆叠图tooltip组件显示对应的柱图提示信息解决方案

tooltip: { trigger: 'axis', axisPointer: { type: "cross", label: { ...

2020-11-06 16:17:01 36 0

原创 Echarts实战案例代码(50)：tooltip组件提示框被div折叠的解决方案

设置跟随鼠标位置参数 tooltip: { trigger: 'axis', //设置其显示位置其中p为当前鼠标的位置 position: function (p) { ...

2020-11-06 12:43:02 36 0

原创 Echarts实战案例代码(49)：基于不支持立体漏斗图Funnel的HTML+CSS解决方案

Echarts的Funnel目前是不支持3D的，但是设计师在项目过程中，为了项目的炫目，会出现伪3D之类的图表。本案例是基于HTML+CSS的解决方案 CSS样式表 body { margin: 0; padding: 0; ...

2020-11-05 10:15:27 86 0

原创 Echarts实战案例代码(48)：堆叠图实现图形和坐标轴对齐的解决方案

xAxis: { type: 'value', axisLine: { show: false }, axisTick: { ...

2020-11-05 08:59:49 42 0

原创 ajax刷新php后台实现定时任务的执行解决方案

项目需求：数据可视化大屏开发中，需要设置定时任务：2点时返回10人，5点时返回20人……实现自动刷新，不能手动刷新页面。项目理解： javascript可以设置定时任务，但是无法执行任务； php也无法执行任务；解决方案：前端ajax轮询刷新php页面data.php； funct...

2020-11-04 01:47:39 56 1

原创 php://input的理解应用

try { $data = file_get_contents('php://input'); //get POST payload, 获取post包文 $json = json_decode($data, true); //parse input data int...

2020-11-01 09:41:04 44 0

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