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

12月 11月 10月 09月 08月 07月 06月 05月 04月 03月 02月 01月

原创百度人脸识别php版本数组数组简写导致的{"readyState":4,,"status":500,"statusText":"Internal Error"｝错误

本例的实际解决方案：根本原因，php代码中的数据全部是[]形式写的，这种形式php 5.4+才可以这么写，是新增的数组简写语法；php 5.3版及以前的版本不接受这么写。$data = ['start_time' => '123','end_time' =>'456'];问题就卡在服务器的php版本是5.3.9的，成功解决！Done!...

2020-03-30 19:17:35 428

原创 Echarts折线图渐变色的属性设置解决方案

这些设置itemStyle的图形属性即可：itemStyle: { "color": { "type": "linear", "x": 0, "y": 0, "x2...

2020-03-30 12:33:57 304

原创 Echarts显示随机颜色的函数解决方案

color: function() { return 'rgb(' + [ Math.round(Math.random() * 160), Math.round(Math.random() * 160), Ma...

2020-03-24 10:39:37 458

原创 touchslider.js插件高度自适应的解决方案

问题需求touchslider.js，li进行排版时，li的高度会跟随最大高度拉伸，出现其他页面的空白留底。解决方案将li的overflow置为auto即可。具体操作修改对应的li的样式，如下，即可实现高度自适应.li_list { height: 100vh; overflow:auto;}Done!...

2020-03-22 11:44:56 234

原创 Echarts仪盘表axisLine渐变及title颜色设置

option = { backgroundColor: '#1092f5', tooltip: { formatter: '{a} <br/>{b} : {c}%' }, series: [{ name: '业务指标', type: 'gauge', axisLabel: { ...

2020-03-22 10:40:24 526

原创漏刻有时LOCKDATAV数据可视化大屏Echarts前端UI手机移动版模版

Done!

2020-03-20 13:02:03 89 1

原创 MySQL实战基础知识入门(8)：MySQL数据库实例数据表解读字段命名方式以及数据类型的设置

在学习MySQL时，首次建立数据库数据表，总是不知道如何起字段名称，确定字段类型。其实，最好的方法就是用现成成熟的案例作为学习对象。

2020-03-18 16:17:52 62

原创云EC商城腾讯云短信模版设置解决方案

一、腾讯云短信申请及模版设置需要注意的两点：先申请短信签名，且签名必须和云EC的一致，否则短信无法正常使用；内容中的变量，必须是{1}、{2}否则不符合审核要求；二、云EC商城启用腾讯云短信在对应的表单中填写模版ID即可。Done!...

2020-03-18 15:02:56 84

原创 echarts一个option实现多图表布局的案例

function getArrayValue(array, keys) { var keys = keys || "value"; var res = []; if (array) { array.forEach(function(t) { res.push(t[keys]); }); } retur...

2020-03-13 16:33:54 513

原创 js获取根据键获取值的getArrayValue函数

var data = [{ name: "使用中资源量", value: 754 }, { name: "维修中资源量", value: 611 }, { name: "保养中资源量", value: 400...

2020-03-09 17:15:14 383

原创 js定时循环输出数组的值

var arr = [23, 2, 3, 45, 67, 43]; var length = arr.length; var i = 0; for (i; i < length; i++) { var j = 0; setTimeout(function () { console.log(arr[j++]...

2020-03-08 10:39:59 198

原创 Echarts项目开发：柱状图动态数据可视化排名榜(1)

项目需求：在学习echarts的过程，遇到B站以及抖音里很多动态数据排行榜的案例。一部分是基于可视化软件的，还有一部分是基于d3.js开发的。离自己想要的需求还是有一定的差距。解决办法无非是学习软件或是基于d3开发，节省重复造轮子的过程。开发问题：也不知道echarts能不能完成最终的结果，但是都是js，应该不会差到哪里。更何况，现在是站在原有模型的基础上进行仿制开发。开发目的：学习...

2020-03-07 12:34:50 1481

原创 input中placeholder的鼠标操作事件

2020-03-06 02:48:05 94

原创 CSS绝对定位时水平居中的写法

在CSS定位的过程中，正常的居中定位:margin:0 auto可以满足水平居中；但是决定定位是，使用left:50%，实际在视觉上不是水平居中的。目前一个最佳的绝对定位水平居中的代码如下：（上下左右都居中，删除对应的top和bottom，即可实现水平居中） width: 600px; height: 400px; position: absolute; left: 0;...

2020-03-04 21:46:46 102 1

原创 Echarts调用同一个组件显示在不同位置的方法

var dataArr = 44;var colorSet = { color: '#468EFD'};option = { backgroundColor: '#0E1327', series: [ { name: '保险', type: 'gauge', // center...

2020-03-03 12:30:52 181

原创 Echarts组件legend属性显示数据和icon图片自定义的解决方案

项目需求：1、自定义icon图片样式；2、相关数值直接显示；解决方案：自定义icon图片样式 data: ['家电', '服装', '数码'],转为： data: [{name:'家电',icon:'image://lockdatav1.png'}, {name:'服装',icon:'image://lockdatav2.png'}, {name:'数码',icon:'...

2020-03-02 11:00:36 360

原创 Echarts数据series组件中数组直接进行排序

Echarts中，为了将数据有序的排列，一种方式是在后端数据处理后，直接输出予以调用，增加了后端服务器的负荷和代码开发；二是直接在echarts组件中直接使用js的.sort函数进行排序。原始代码： data: [ {value: 335, name: '家电'}, {value: 310, name: '服装'}, ...

2020-03-02 09:50:46 1722

原创 Echarts柱状图y轴刻度标签图片和柱状渐变功能实现的解决方案

如图所示：前端设计提供的平面，这里面有两个不常用的功能：（1）y轴刻度标签含有图片；（2）柱图限行渐变。需要对echarts的属性十分熟悉才可以实现，具体操作如下:（1）解决方案：yAxis属性添加：offset:10, axisLabel:{ formatter: '{value} {a|}', ...

2020-03-01 10:45:04 269 11

原创百度地图标注提示框CSS气泡对话框实现属性解决方案

百度地图需要做气泡对话框的提示，如果通过CSS实现；HTML：<div class="main"></div>CSS： .main { position: relative; width: 180px;//内容框宽度 height: 150px;//内容框高度度 ...

2020-03-01 09:27:26 458

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