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

  • 博客(12)
  • 资源 (28)
  • 问答 (1)
  • 收藏
  • 关注

原创 ECHARTS异步加载的写法

<div id="myChart" style="width:400px;height:300px;margin:auto;"></div> <script type="text/javascript"> var myChart = echarts.init(document.getElementById('myChart')); $.get('ht...

2019-12-31 23:23:28 357

原创 漏刻有时数据可视化大屏常见问题(3)大屏部分数据显示,部分不显示

这种情况,说明ajax和数据都是通,但是部分数据无法连接。一、单独复制未显示图表数据的API,单独访问,如:http://test.com/api/api.php?act=daiShanMonth&fromTime=1&token=3cab7ce4142608c0f40c785b5ab5ca24二、会出现无法访问的错误,如: SQL语句错误号:Expression #3 ...

2019-12-24 08:30:38 638 1

原创 JS截取base64图片格式上传,最佳的方式是split而不是replace

<script> var image = "data:image/jpg;base64,/9j/4AAQSkZJRgABAQEAYABgAAD/2wBDAAgGBgcGBQgHBwcJCQgKDBQNDAsLDBkSEw8UHRofHh0aHBwgJC4nICIsIxwcKDcpLDAxNDQ0Hyc5PTgyPC4zNDL"; var str = image.spli...

2019-12-21 09:23:15 1191 2

原创 百度地图标注maker图标按照分类显示不同的样式

一、确定数据源,其中id代表不同的类别; var markerArr = [ {title: "名称:雾云山种植基地", point: "108.813777,27.722807", id: "1", address: "江口县鄞州区泰康中路558号", tel: "0574-89018188"}, { title: "名称:水银山种植基...

2019-12-19 19:44:33 1329 1

原创 Echarts中tooltip的 formatter用法

tooltip: { trigger: 'item', //formatter: '{b}市 <br/>跨境网络零售:{c}亿元', show: true, formatter: function (params) { ...

2019-12-19 15:43:52 9242 4

原创 PHP二维码生成类库phpqrcode.php生成二维码

PHP QR Code是一个PHP二维码生成类库,利用它可以轻松生成二维码,官网提供了下载和多个演示demo,查看地址:http://phpqrcode.sourceforge.net/。下 载官网提供的类库后,只需要使用phpqrcode.php就可以生成二维码了,当然您的PHP环境必须开启支持GD2。 phpqrcode.php提供了一个关键的png()方法,其中参数text表示生成二位的的...

2019-12-14 14:00:07 414

原创 漏刻有时数据可视化常见问题:全屏快捷键

windows系统:请按F11(或Fn+F11);mac系统:请同时按control+command+F

2019-12-13 20:30:08 348 1

原创 漏刻有时数据可视化大屏常见问题(2):Ajax获取服务器数据出错了![object Object]

漏刻有时数据可视化初始安装时,产生:Ajax获取服务器数据出错了![object Object]必须确认:1、正常安装,无提示错误;2、根目录安装,必须是http://test.com/访问,不能出现子目录;3、默认80端口,不能使用http://test.com:8080/访问;临时解决方案:修改:../api/api.php?act=summary&token=3...

2019-12-09 10:58:35 561 1

原创 漏刻有时数据可视化大屏核心框架模版更换前端模版操作(2)API开发及数据调用

开发API,完成设备总数数据的对接;1、打开api\LockData.php,新建mysql访问端口newDemo /*新增模版API对接接口 newDemo*/ public function newDemo() { global $db, $res; dbc(); $row = $db->queryall("select vid,SUM(vdata) AS vda...

2019-12-07 16:13:42 660 1

原创 漏刻有时数据可视化大屏核心框架模版更换前端模版操作(1)HTML文件分离及访问显示

准备步骤:1、完成核心框架的安装;2、准备前端HTML模版(1)文件目录(2)大屏效果开始更换大屏:1、index.html文件重命名为demo.html,并复制到dashboard/view/demo.html;2、static目录下新建demo文件夹,并将模版css、images、js复制到static/demo/目录下;已选择区域为新增模版的路径位置;3、dashbo...

2019-12-07 15:59:53 702 3

原创 php sleep()函数在sleep什么?

name=6;if(name = 6;if (name=6;if(name == 1) {echo ‘sleep…’;sleep(5);}echo ‘end…’ . date(‘Y-m-d H:i:s’);

2019-12-06 12:43:40 304 2

原创 JSON转数组后,筛选分组并输出,判断键值键值是否存在补0

var arr = [{“category_name”: “60米”, “member_name”: “张三”, “value”: “90”},{“category_name”: “60米”, “member_name”: “李四”, “value”: “80”},{“category_name”: “3000米”, “member_name”: “张三”, “value”: “46”},...

2019-12-04 10:11:36 475 2

华容县街道街道乡镇边界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

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底图

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

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

TA关注的人

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