漏刻有时数据可视化大屏（PHP&ECHARTS智能化开源软件系统）

漏刻有时（LOCKDATAV），数据分析&数据展示，挖掘大数据背后的价值

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 1073

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

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

2020-03-30 12:33:57 840

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

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

2020-03-24 10:39:37 1214

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

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

2020-03-22 11:44:56 637

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

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

2020-03-22 10:40:24 2441

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

Done!

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

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

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

2020-03-18 16:17:52 374

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

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

2020-03-18 15:02:56 427

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

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

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

2020-03-09 17:15:14 1201

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

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

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

2020-03-07 12:34:50 4179

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

2020-03-06 02:48:05 413

原创漏刻有时数据大屏CSS样式表成长教程(1)CSS绝对定位时水平居中的写法

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

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

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

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

2020-03-03 12:30:52 596

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

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

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

2020-03-02 09:50:46 8772

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

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

2020-03-01 10:45:04 1214 13

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

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

2020-03-01 09:27:26 1078

华容县街道街道乡镇边界geojson矢量数据

华容县街道街道乡镇边界geojson矢量数据，为mapshaper命令测试素材，可参考：Mapshaper数据处理：常用命令语句配置说明，https://lockdatav.blog.csdn.net/article/details/112001782

2020-12-31

隧道施工建设数字化大屏说明文档

隧道施工建设数字化大屏说明文档，一个标准的业务文档：为前端定制产品开发，调用甲方提供的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

sampling降采样策略.zip

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

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

不设区的地级市之中山市geoJSon转js

不设区的地级市之中山市geoJSon转js，包含6个街道：石岐街道、东区街道、西区街道、南区街道、五桂山街道、火炬开发区街道；18个镇：黄圃镇、南头镇、东凤镇、阜沙镇、小榄镇、东升镇、古镇镇、横栏镇、三角镇、民众镇、南朗镇、港口镇、大涌镇、沙溪镇、三乡镇、板芙镇、神湾镇、坦洲镇。

2020-07-06

Echarts组件南丁格尔玫瑰图

Echarts组件南丁格尔玫瑰图，参加：https://lockdatav.blog.csdn.net/article/details/107047610

2020-07-01

bmap.min.js

echarts引入百度地图，通过脚本bmap.min.js解决默认开启底图可点功能的底层修改

2020-05-22

JavaScript将csv转为json标准的.csv文件模版

CSV是Comma Separated Values的缩写，一种常用的数据存储文件格式，其中每一行是一条记录，每一条记录包含很多列，每列中的数据通常使用逗号分隔，当其中的值包含逗号时需要使用单引号或双引号包含。

2020-02-12

Echarts参数属性学习Gird演示案例

Echarts参数属性学习Gird演示案例：在同一个DOM中，使用gird同时创建折线图和柱图，可高效的利用数据，同时对API的开发和对接有事半功倍的效果。

2020-02-07

upload.zip

layui请求上传接口出现异常：upload.js 错误底层报错信息修改。作者仅在2.26版测试，其他版本未测试，请下载时自行排查，覆盖文件前，记得备份，备份，备份……

2020-02-05

漏刻有时地理信息系统LOCKGIS小程序源码(web-view组件使用)

漏刻有时智能地理信息系统，英文名称LOCKGIS（后文简称：LOCKGIS），基于百度地图JavaScript API，旨在帮助开发者在网站中构建功能丰富、交互性强的地图应用，将地理位置与数字化技术相结合，为用户提供实时、有效的地理信息服务。 LOCKGIS通过web、移动端、桌面应用等方式，将地图数据和地理信息展示出来，方便用户实现地图浏览、地点搜索、路线规划等功能。同时，还可以应用到各行各业，如房地产、旅游、物流、交通等领域，为相关企业和个人提供基于地理位置的信息服务和解决方案，提升其运营效率和服务质量，促进经济发展。另外，地图开发还可以结合人工智能、大数据等技术，实现更加智能、高效的地理信息服务，为人们带来更多的便利和体验。 LOCKGIS二次开发者可以根据自身应用需要对地图API进行个性化的扩展和定制，达到更符合业务需求的功能效果，为用户提供更好的服务。

2023-10-20

漏刻有时数据可视化Echarts组件开发(41)svg文件

svg文件

2023-10-08

高端百度地图开发：自定义覆盖物水滴头像（鼠标事件、API封装对接）

自定义标注覆盖物（Custom Overlay）是百度地图中的一种功能，它允许开发者在地图上绘制自定义的标记物，以更符合自己的业务需求和设计风格。通过自定义标注覆盖物，你可以在地图上添加各种类型的标记，如图标、文字、线条等，以丰富地图展示的内容。相比于普通的地图标注，自定义标注覆盖物具有更高的灵活性和可定制性。使用百度地图的API，你可以定义自己的标注样式，包括标注的图标、形状、颜色、大小等。你还可以通过设置事件监听器，为标注添加交互功能，例如点击、拖拽等。自定义标注覆盖物可以用于展示地理位置、标记兴趣点、显示业务数据等场景，让地图内容更加丰富生动。无论是在网页还是移动应用中，通过使用自定义标注覆盖物，你可以打造独特的地图展示效果，提升用户体验。参加: https://lockdatav.blog.csdn.net/article/details/132238971

2023-08-12

数据可视化大屏拼接屏开发实录:屏幕分辨率测试工具

数据可视化大屏的分辨率通常与屏幕物理尺寸相关，较常见的分辨率选项包括： 1. Full HD (1080p): 分辨率为 1920 x 1080 像素，适用于相对较小的屏幕，如 55 英寸至 65 英寸。 2. 4K Ultra HD (2160p): 分辨率为 3840 x 2160 像素，提供更高的像素密度和更清晰的图像，适用于中等尺寸的屏幕，如 75 英寸至 85 英寸。 3. 8K Ultra HD (4320p): 分辨率为 7680 x 4320 像素，拥有更高的分辨率和更详细的图像，适用于大型屏幕，如 85 英寸及以上。需要注意的是，较高分辨率的屏幕可以提供更多的显示细节和更清晰的图像，但也可能需要更高的计算和图形处理能力。因此，在选择分辨率时，需要考虑到显示内容的要求、预算和可用的技术资源。本工具是自适应web页面的测试工具，可以将每个板块的分辨率及时显示在页面上和调试。

2023-07-28

H5网页跳转小程序之微信开放标签、wx-open-launch-weapp按钮不显示、noPermissionJsApi

1.HTML页面； 2.要点：跳转小程序：wx-open-launch-weapp 用于页面中提供一个可跳转指定小程序的按钮。使用此标签后，用户需在网页内点击标签按钮方可跳转小程序； 3、确保你的网页中引入了微信提供的JavaScript SDK，一定要是https://res.wx.qq.com/open/js/jweixin-1.6.0.js； 4.具体参见：https://lockdatav.blog.csdn.net/article/details/131054722

2023-07-16

数据可视化大屏Echarts高级开发散点图实战案例分析（地图扩展插件bmap.min.js、散点图、百度地图控件、柱图、涟漪动图

百度地图和echarts的结合使用，是数据可视化大屏开发过程中最亮眼的搭配组合，而连接两者之间关系的就是bmap.js。本项目主要涉及到：百度地图的引入；百度地图个性化配置； echarts组件bmap的调用和参数设置； echarts散点图组件的调用； echarts路径图组件的调用；按照数据的不同条件判断柱图颜色； Echarts地图扩展插件bmap.min.js，将其引入后可以在echarts.series.map.coordinateSystem 中直接使用参数’bmap’ ，即： `coordinateSystem: ‘bmap’。同时在开发过程中， bmap.min.js和Echarts的版本也有关系，建议从git中下载对应的版本；如果要操作百度地图，如加上百度地图的相关控件，可以通过 v`ar map = myChart.getModel().getComponent(‘bmap’).getBMap()获取地图对象，然原文链接：https://blog.csdn.net/weixin_41290949/article/details/128538130

2023-01-03

百度地图jsAPI开发停车场分布标注和检索静态版

百度地图开发停车场分布标注和检索静态版： 1.基于百度地图jsAPI接口开发； 2.实现标注和弹窗功能； 3.实现标注的检索功能（名称和地址）； 4.静态HTML页面； 5.卫星地图和行政地图的切换；详情见：https://lockdatav.blog.csdn.net/article/details/125265515

2022-06-13

完整版Echarts引导线labelLine和散点图

Echarts引导线labelLine和散点图scatter 1.解决区域缩放无法显示全部名称的问题； 2.地图配色和边框属性调试； 3.geojson数据；地图上的地区文字或其他标示类的图层，区块面积相对太小，想放在地图之外，部分地区通过labelLine连接到对应的区块上。代码链接，详见：https://blog.csdn.net/weixin_41290949/article/details/125265297

2022-06-13

Echarts地图系列的SVG底图

2022-01-26

html2canvas生成PDF并下载的解决方案

html2canvas生成PDF并下载的解决方案，参见：https://lockdatav.blog.csdn.net/article/details/122555383

2022-01-18

Echarts主题构建工具的使用

Echarts主题构建工具的使用，参见：https://blog.csdn.net/weixin_41290949/article/details/122555054

2022-01-18

laypage静态数据分页组件的调用实战代码

laypage静态数据分页组件的调用实战代码，参见：https://blog.csdn.net/weixin_41290949/article/details/122554805

2022-01-18

Echarts动态排名柱状图(自适应电脑和手机端)源代码

Echarts动态排名柱状图(自适应电脑和手机端)源代码，参见：https://blog.csdn.net/weixin_41290949/article/details/120672844

2021-10-09

excle数据手动实现的百度地图标注

python实现直接读取excle数据实现的百度地图标注：https://blog.csdn.net/weixin_41290949/article/details/120638695 项目说明百度地图标注数据量不大，希望直接读取excle生成标注；同时会有修改、编辑的需求。项目分析项目的没有难点，只有复杂度。如果是将标注信息固定在json或js文件中，即可实现；但是对于非编程人员，进行修改或者编辑的时候，友好性太差。读取exlce的优势在于，非编程人员可以直观的修改和编辑标注信息。完成该操作后，通过python读取excle转化为json或js文件。可以将代码封装成exe应用程序，方便使用；

2021-10-07

百度地图根据起始点经纬度坐标确认最佳路线规划

百度地图根据起始点经纬度坐标确认最佳路线规划。参见：https://lockdatav.blog.csdn.net/article/details/120373978

2021-09-18

echarts开发的自动旋转map3D下钻和柱图地图

代码分析见：https://lockdatav.blog.csdn.net/article/details/120369570 1.地图运行，需要通过ajax加载map中的geojson地理数据，必须使用http协议web服务或上传至服务器访问; 2.目录说明 ├─index.html ........默认启动页 ├─map ........geojson地理数据 │ ├─chongqing.json ........重庆市地理数据 │ ├─city........各区县地理数据 ├─js ........JS封装库 │ ├─app.js ........下钻核心库，具体见文件注释

2021-09-18

Echarts5开源可视化图表库开发的象形柱图世界旅游景点日记照片墙

Echarts5开源可视化图表库 1. 图表基础框架的搭建； 2. series-pictorialBar，象形柱图； 3. series-bar，柱状图； 4. dataZoom 组件，用于区域缩放； 5. on方法添加事件处理函数；

2021-02-10

php同样的字符串为什么编码不同？

2019-05-06

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

华容县街道街道乡镇边界geojson矢量数据

漏刻有时物联网传感器数字化大屏说明文档

隧道施工建设数字化大屏说明文档

php使用webSocket实现Echarts长连接自动刷新的解决方案websocket封装

appendData异步加载大数据量分片加载数据和增量渲染的解决方案

sampling降采样策略.zip

图片热点的hover高亮显示mapper.js

layuitable和php动态翻页源代码

gis数据可视化GeoJson、TopoJson、SVG、SHP、JS格式的标准模版

雄安新区GEOJSON带县边界

不设区的地级市之东莞市geoJSON转js

不设区的地级市之中山市geoJSon转js

Echarts组件南丁格尔玫瑰图

bmap.min.js

JavaScript将csv转为json标准的.csv文件模版

Echarts参数属性学习Gird演示案例

upload.zip

漏刻有时地理信息系统LOCKGIS小程序源码(web-view组件使用)

漏刻有时数据可视化Echarts组件开发(41)svg文件

高端百度地图开发：自定义覆盖物水滴头像（鼠标事件、API封装对接）

数据可视化大屏拼接屏开发实录:屏幕分辨率测试工具

H5网页跳转小程序之微信开放标签、wx-open-launch-weapp按钮不显示、noPermissionJsApi

数据可视化大屏Echarts高级开发散点图实战案例分析（地图扩展插件bmap.min.js、散点图、百度地图控件、柱图、涟漪动图

百度地图jsAPI开发停车场分布标注和检索静态版

完整版Echarts引导线labelLine和散点图

Echarts地图系列的SVG底图

html2canvas生成PDF并下载的解决方案

Echarts主题构建工具的使用

laypage静态数据分页组件的调用实战代码

Echarts动态排名柱状图(自适应电脑和手机端)源代码

excle数据手动实现的百度地图标注

百度地图根据起始点经纬度坐标确认最佳路线规划

echarts开发的自动旋转map3D下钻和柱图地图

Echarts5开源可视化图表库开发的象形柱图世界旅游景点日记照片墙

php同样的字符串为什么编码不同？