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

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

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

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

/*数据指标装饰框*/.rim { position: relative; background: url("../images/boder.png"); background-size: 100% 100%; padding: 10px; margin-bottom: 15px; z-index: 10;}Done！

2020-10-31 21:15:17 578 1

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

series: [ { name: '2011年', type: 'bar', barWidth:'50%', data: [18203, 23489, 29034, 104970, 31744, 30230] }, { name: '2012年', type: 'bar', barG...

2020-10-31 11:14:37 7824 5

<input type="text" id="txtNum"><button onClick="copyTxt()">点击复制代码</button> //复制事件; function copyTxt() { var txt = document.getElementById("txtNum"); txt.select(); // 选择对象 document.execCommand("Copy"); //执

2020-10-29 17:58:52 501

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

添加或调整properties.cp即可。"properties":{"cp": [107.829288,34.265936],"province":"陕西省","city":"宝鸡市","country":"眉县","name":"常兴镇"}Done!

2020-10-29 12:15:22 3172

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

Echarts组件可以通过定时器实现不同的动画效果。正常渲染图形 var dom = document.getElementById("container"); var myChart = echarts.init(dom); var option = { backgroundColor: '#080b30', xAxis: { type: 'category', data: ['Mon', 'Tue', .

2020-10-28 18:19:23 973

原创 javascript定时显示数组元素

//定义一个定时器 var t; var i = 0; //定义一个数组; var names = new Array('杨过', '乔峰', '韦小宝', '令狐冲'); //生成名字 function showNames() { clearInterval(t); t = setInterval(function () { document.getElementById("names").in...

2020-10-28 17:42:58 638

原创 CSS版的雷达扫描效果

CSS代码 body { background-color: #000; } #radar:after { content: ''; display: block; background-image: linear-gradient(44deg, rgba(0, 255, 51, 0) 50%, #00ff33 100%); width:.

2020-10-28 17:39:59 534

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

echarts 除了 tooltip，其它的标签暂时都不支持 html tooltip: { show: true, backgroundColor: "transparent", formatter: function (params) { var htmlStr = ''; htmlStr += '<div c

2020-10-28 08:40:08 2668 3

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

let geoCoordMap = { "海门": [121.15, 31.89], "鄂尔多斯": [109.781327, 39.608266], "库尔勒": [86.06, 41.68], "安阳": [114.35, 36.1], "开封": [114.35, 34.79], "济南": [117, 36.65], "德阳": [104.37, 31.13], "温州": [120.65, 28.01], ..

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

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

mysql直接通过phpmyadmin导入csv文件excle编辑好文件，需要日期和时间类型，必须是两位数；保存csv后，需要用记事本打开，再次另存为"utf-8"编码，默认保存的是ANSI编码；phpmyadmin选择“CSV using LOAD DATA”格式；字段分隔符和CSV文件一致；Done！...

2020-10-27 12:52:59 840

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

in_array() 函数搜索数组中是否存在指定的值。bool in_array ( mixed $needle , array $haystack [, bool $strict = FALSE ] )返回值：如果在数组中找到值则返回 TRUE，否则返回FALSE。//默认数组;$bindId = ["bind001", "bind002", "bind003", "bind004", "bind005", "bind006"];//判断字符串；$serBind = "bind0010.

2020-10-27 10:42:47 1176

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

window.onload = function () { document.getElementById("mainFrame").src= "http://mall.qiaodu.net"; } <iframe style="width:860px; height:500px;position:absolute;margin-left:-430px;margin-top:-250px;top:50%;left:50%;" id="mainFrame" f

2020-10-27 08:17:02 562

原创 select下拉框的值传递

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

2020-10-26 20:11:02 624

原创 php操作分表的写法

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

2020-10-26 14:22:45 291

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

HTML<div class="col-lg-6" style="margin-top:20px;"> <div class="input-group"> <input type="text" class="form-control" id="keywords" placeholder="输入关键词"> <span class="input-group-btn"> .

2020-10-26 11:07:03 525

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

正常的是使用HTML语法DOM直接获取var myChart = echarts.init(document.getElementById("main"));使用jQuery的写法：var myChart1 = echarts.init($("#main")[0]);Done!

2020-10-26 08:28:34 977

原创 javascript计算对象数组某项求和的封装函数

function getTotal(dataList, value) { var strarr = []; for (var i in dataList) { strarr.push(dataList[i][value]) } var total = eval(strarr.join('+')); return total;}Done!

2020-10-24 21:02:40 405

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

<div class="popup" id="popup1"> <div id="gender2" style="width:750px;height:550px;"></div></div><div class="popup" id="popup2"> <div id="ages2" style="width:

2020-10-24 21:01:34 963

原创 Echarts中用到的base64图标

legend: { orient: 'vertical', id: 1, y: 'bottom', x: 'right', itemWidth: 15, data: [{ name: '垃圾', icon: "image://data:im

2020-10-24 20:57:13 1263

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

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

2020-10-24 08:14:54 1175 1

原创漏刻有时数据可视化大屏常用排版HTML和CSS动画(1)：旋转动画

<div> <img class="jzxz1" src="images/jzxz1.png"> <img class="jzxz2" src="images/orange.png"></div> .jzxz1 { animation: xz1 8s infinite linear; } @keyframes xz1 { from { .

2020-10-23 20:26:00 748

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

柱图隔行显示不同的颜色 series: [{ data: [], type: 'bar', itemStyle: { color: function (params) { if (params.dataIndex % 2 == 0) {//隔行取余，返回对应的颜色 return 'rgba(50,50.

2020-10-23 20:09:50 1559

原创 javascript插件：countUp.min.js数字滚动效果

引入JS <script type="text/javascript" src="js/jquery-3.3.1.min.js"></script> <script type="text/javascript" charset="utf-8" src="js/countUp.min.js"></script>封装函数 /* *elId = 目标元素的 ID； startVal = 开始值； en

2020-10-23 12:15:17 1193 1

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

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

2020-10-23 12:04:54 504

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

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

2020-10-22 21:36:49 318

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

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

2020-10-22 12:42:57 720 1

原创高德地图web服务API接口开发：获取IP定位显示当前位置的天气预报解决方案

获取当前的IP定位 //获取当前的IP定位; var key = "4d9a765939a2b76588a3341c2***" var url = "https://restapi.amap.com/v3/ip?key=" + key; $.getJSON(url, function (res) { //console.log(res); var adcode = res.adcode; $("#ip").html("当前位置.

2020-10-22 11:46:33 1607 3

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

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

2020-10-21 18:39:57 388

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

解决思路实线和虚线，都是折线图lineStyle固有的属性；分成同样数据的两组series，一段为实线，一段为虚线；Echarts代码option = { xAxis: { type: 'category', data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun'] }, yAxis: { type: 'value' }, series: [{ .

2020-10-17 09:14:58 667 2

原创 php使用webSocket实现Echarts长连接自动刷新的解决方案(3)：获取读取数据库数据队列进行实时刷新

//刷队列，取数据 while (true) { $msg = code(trim(rand(2, 60))); var_dump(trim($msg)); sleep(5); socket_write($msgsock, $msg, strlen($msg)); }Done!

2020-10-15 17:14:45 686

原创 php使用webSocket实现Echarts长连接自动刷新的解决方案(2)：后端服务端代码返回json数据

websocket.php后端的设置：php.ini需要开启sockets扩展；websocket需要CLI（命令行工具）启动服务端文件服务：php websocket.phpwebsocket.php代码$address = "127.0.0.1";$port = 9090; //调试的时候，可以多换端口来测试程序！set_time_limit(0);$sock = socket_create(AF_INET, SOCK_STREAM, SOL_TCP);socket_set_bl

2020-10-15 10:14:30 708 1

原创 php使用webSocket实现Echarts长连接自动刷新的解决方案(1)：前端获取后端JSON数据

项目需求Echarts图表自动获取服务器端推送的数据，实现图表的自动渲染更新；前端代码引入JS包 <script src="js/jquery-3.3.1.min.js"></script> <script src="js/echarts.min.js"></script>HTML代码<div id="main" style="width: 1000px;height: 600px;"></div>JS..

2020-10-15 10:02:24 779

原创 javascript链接高亮显示的简洁代码

var theObj;function hilight(obj){if(theObj!=null){theObj.style.background = "#fff";}if(theObj = obj){obj.style.background = "red";}}<ul><li onclick="hilight(this)">点击高亮当前行</li><li onclick="hilight(this)">点击高亮当前行1</li>

2020-10-14 19:26:07 250 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 ignored if POST data reading; is disabled through enable_post_data_reading.; http://php.net/post-max-sizepost_

2020-10-14 19:22:27 1803 1

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

function formatNum(str) { var newStr = ""; var count = 0; if (str.indexOf(".") == -1) { for (var i = str.length - 1; i >= 0; i--) { if (count % 3 == 0 && count != 0) { n...

2020-10-14 18:32:18 484 1

原创 javascript实现数据自动模拟系列(1):ProgressBarWars.js进度条动画轮播

官方名称jQuery仿造星球大战激光剑效果水平进度条插件JSProgressBarWars.js使用步骤引入外部JS包<script src="js/jquery-2.1.1.min.js" type="text/javascript"></script><script src="js/ProgressBarWars.js"></script>html代码 <div id="vaderSize" style="width: 200p

2020-10-14 18:15:41 512

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

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

2020-10-14 16:17:06 456

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

引入外部js<link rel="stylesheet" type="text/css" href="css/swiper.min.css"><script src="js/swiper.min.js"></script>HTML代码<div class="swiper-container visual_swiper2 visual_chart"> <div class="swip.

2020-10-14 10:35:22 1303 2

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

图表渲染<script type="text/javascript"> var dom = document.getElementById("container"); var myChart = echarts.init(dom); var option = { tooltip: { trigger: 'axis', axisPointer: { type: "cross".

2020-10-12 20:55:57 1370

原创 PHP开发中$_GET请求转为$_POST获取参数的解决方案

在php中，可以用$params = $_REQUEST['params'];来替代GET和_GET和GET和_POST获取提交的数据，缺点：速度比较慢。$_GET过滤函数/* 1. 变量传递值函数 2. @param $str 变量值 */function get_param($str){ $val = !empty($_GET[$str]) ? $_GET[$str] : null; return $val;}GET和_GET和GET和_POST数据交互函数fu

2020-10-12 20:13:27 458

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

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关注的人