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

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

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

原创 Echarts实战案例代码(35)：股票智能跟踪分析系统

option = { backgroundColor: "#0f375f", title: { text: '股票智能跟踪分析系统', textStyle: { align: 'right', color: '#fff', fontSize: 20, }, top: '5%', left: 'center', }, grid.

2020-08-30 14:27:35 586

原创 Echarts实战案例代码(34)：柱状图箭头增长下降

//定义两个上下箭头的矢量路径var up = 'path://M286.031,265l-16.025,3L300,223l29.994,45-16.041-3-13.961,69Z';var down = 'path://M216.969,292l16.025-3L203,334l-29.994-45,16.041,3,13.961-69Z' series: [ { "name": "", type: 'pictorialB.

2020-08-29 18:20:48 1314

原创 node.js入门学习(2)：使用http-server创建简单的http服务的方法

npm 全局安装 http-servernpm install http-server -g输入hs调用服务器Done！

2020-08-26 08:32:43 318 1

原创 CSS样式表在javascript函数中的写法

认真仔细的看了一边CSS结构，就是前端经常用的json对象，只是一直没注意，直到javascript函数调用CSS样式的时候才发现，做个记号吧！.menuBox { display: inline-block; position: absolute; border: 1px solid #aaa; background-color: #fff; font-size: 12px;

2020-08-25 17:48:57 459

原创 javascript插件库的应用：mapper.js实现图片热点的hover高亮效果

在HTML中，链接有对应的hover高亮显示属性，但是对图片热点来说，是没有高亮的选项的，因此需要调用插件来实现该功能。准备工作热点图片的制作：使用过多前后端分离软件的程序猿，可能webstorm、subtime、Atom、VScode等工具烂熟于心，但是对图片特点的设置，比较下来还是推荐Dreamweaver。引入mapper.js库图片热点切分好后，需要下载mapper.js，并将该文件通过script脚本引入HTML。<script type="text/javascript" src

2020-08-25 10:28:06 1478 5

原创漏刻有时数据可视化解决方案：geo坐标地图、svg地图和图片热点地图的使用比较方案

在数据可视化中，经常使用地图展示地理信息数据，最常见的地图使用分为三种方式：geo坐标地图svg地图图片热点地图不同类型的需求需要不同的地图类型，不同类型有不同的解决方案和展示方式，在前期沟通中必须明确，否则就容易出现不同类型的展示在无法实现的地图类型中实现，会很被动。类目geo坐标svg图片热点配套echarts、bmap等百度开源组合套餐，是实现geo地理坐标地图的最佳方法暂无推荐，更多是svg自有属性的使用（chinaMap有对应的svg插件js库）推荐ma

2020-08-25 09:58:51 712

原创 layui框架实战案例(4)：因内容安全策略导致弹出层模态框无法正常显示微信公众号文章使用window.open的解决方案

in a frame because an ancestor violates the following Content Security Policy directive: "frame-ancestors 'self'

2020-08-25 09:41:49 1218

原创 Echarts实战案例代码(33)：饼状图半圆实现方法

解决方案：按照饼图的实际写法，将所有项作为180°上的饼图，所有相的和作为180°下的半圆不显示即可。let list = [{ name: "张三", value: "9"}, { name: "李四", value: "50"}, { name: "王五", value: "30"}, { name: "马六", value: "9"}, { name: "__other", value: "0"}]let.

2020-08-22 15:58:20 1940

原创 svg数据可视化地图开发中遇到的问题总结

SVG是一种图像文件格式，它的英文全称为Scalable Vector Graphics，意思为可缩放的矢量图形。它是基于XML（Extensible Markup Language），由World Wide Web Consortium（W3C）联盟进行开发的。严格来说应该是一种开放标准的矢量图形语言，可让你设计激动人心的、高分辨率的Web图形页面。用户可以直接用代码来描绘图像，可以用任何文字处理工具打开SVG图像，通过改变部分代码来使图像具有交互功能，并可以随时插入到HTML中通过浏览器来观看。在.

2020-08-21 08:31:06 838

原创 Echarts实战案例代码(32)：layui模态框弹出框展现echarts不显示的问题

封装layui弹出层函数function getDiv(title, url, w, h) { if (title == null || title == '') { title = false; } if (url == null || url == '') { url = "404.html"; } if (w == null || w == '') { w = ($(window).width() * 0..

2020-08-20 14:13:45 1168 2

原创 Echarts实战案例代码(31)：模态框弹出层无法正常显示echarts图表的解决方案

错误方案： var showContent = "<div id=\"gender2\" style=\"display:block;height: 500px;\"></div>"; layer.open({ type: 1, area: [w + 'px', h + 'px'], title: false, //title: title, maxmin: false, shadeC

2020-08-20 13:48:13 1144

原创 jquery实现tab选项卡同一个按钮不同onClick链接的解决方案

项目需求TAB选项卡：“月统计”和“年统计”；实现不同TAB选项卡时，同一个按钮实现不同的链接，弹出对应的“月统计”和“年统计”放大页面。解决方案HTML代码<div class="allTitle">荣誉墙 <span class="laybg new6" onClick="x_admin_show('月统计','months.html',700,450)"><

2020-08-18 19:21:41 508

原创阿里云ECS服务器宝塔Linux系统php和mysql运行环境配置步骤

Centos安装命令：yum install -y wget && wget -O install.sh http://download.bt.cn/install/install_6.0.sh && sh install.sh

2020-08-18 19:15:15 589

原创 Echarts实战案例代码(30)：同一个id空间Tab按钮显示不同图表防止叠加的解决方案

按钮状态设置$('#ct1').click(function () { $('#ct1').removeClass().addClass('active'); $('#ct2').removeClass().addClass('unactive'); $('#ct3').removeClass().addClass('unactive'); $('#ct4').removeClass().addClass('unactive'); getOrders("0");..

2020-08-17 14:31:00 500

原创 svg地图数据可视化鼠标操作事件函数

地图对应的数据 /*svg地图*/ var classObj = [ {name: "qingqi", place: "青岐村委", color: "#f6510d", orgTotal: 987, orgPerson: "张三丰"}, {name: "mumian", place: "木棉村委", color: "#a07000", orgTotal: 187, orgPerson: "乔峰1"} ];执行操作事件 //执行操作.

2020-08-17 14:23:17 545

原创 svg数据可视化地图实战笔记

svg图标大小和平移位置<g transform="translate(0,-130)scale(1.15,1.15)"></g>插入图片<image class="qingqi" xlink:href="images/flag.png" x="160" y="300" height="20" width="20">sd</image>

2020-08-16 18:54:50 629

原创漏刻有时数据可视化大屏常见问题(15)：php常量配置数组

漏刻有时数据常量配置采用和thinkphp一样的数组结构，在自动安装的过程中：系统设置和数据库设置自行设置；微信设置，主要用于微信jsAPI授权的认证数据，需官网申请后，自行在conf/config.php填写；百度人脸识别设置，需官网申请后，自行在conf/config.php填写；百度地图jsAPI的ak，需官网申请后，自行在conf/config.php填写；return [ // +--------------------------------------------------

2020-08-14 08:22:23 417

原创漏刻有时数据可视化大屏常见问题(14)：lockdatav.js版权文件调用

lockdatav.js版权文件调用js内容var lc = {name: '漏刻有时数据可视化', short: 'LockDataV', url: 'https://mall.qiaodu.net/', author: 'Poleung'}console.log('本系统由%c' + lc.name + '(' + lc.short + ')强力驱动，更多信息：' + lc.url, 'color:#ff0033;font-weight:bold');页面引入调用<!--页面右

2020-08-13 19:36:04 394

原创漏刻有时数据可视化大屏常见问题(13)：翻牌器自动刷新数据前后端执行的解决方案

/*年度销售交易额*/ var intNum = parseFloat(parseFloat(yearsNumInt) + parseFloat(transTotal)).toFixed(2); function todayDeal() { var numRun = $(".numberRun").numberAnimate({num: intNum, dot: 2, speed: 2000, symbol: ","}); var nums = int...

2020-08-13 19:31:55 696

原创漏刻有时数据可视化大屏常见问题(12)：CSS美化滚动条

代码如下：/*定义滚动条高宽及背景高宽分别对应横竖滚动条的尺寸*/::-webkit-scrollbar { width: 8px; height: 8px; background-color: rgba(255, 255, 255, 0.2);}/*定义滚动条轨道内阴影+圆角*/::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 8px rgb(1, 64, 118); border-r

2020-08-13 15:22:36 588

原创 Echarts实战案例代码(29)：来找茬，柱状图在F11全屏下显示三角形的异形情况案例

异常代码： xAxis: { type: 'category', axisTick: { show: false }, axisLine: { show: true, lineStyle: { color: 'rgba(255,255,255,0.2)', .

2020-08-13 08:40:20 480 1

原创 PHPExcle导入数据库日期格式转为时间戳的解决方案

Excle导入的时间格式名称时间张三2020-08-01李四2020-08-01王五2020-08-01孙六2020-08-01刘八2020-08-01解决方案：使用PHPExcel_Shared_Date::ExcelToPHP()函数即可。PHPExcel_Shared_Date::ExcelToPHP($objPHPExcel->getActiveSheet()->getCell("I" . $j)->getValue

2020-08-12 15:42:27 668

原创 vue.js实战案例(3)：vue启动项目报错npm ERR! missing script: serve的解决方法

解决方法：查看配置文件package.json 中服务器名称，并修改启动命令。 "scripts": { "dev": "vue-cli-service serve", "build": "vue-cli-service build", "lint": "vue-cli-service lint" },npm run dev即可。

2020-08-09 18:47:34 2891

原创 vue.js实战案例(2)：运行vue数据可视化项目的环境部署流程

项目背景node.js和npm的配置也是按照说明一步一步安装；初涉vue项目，对于vue是什么还是懵懂的状态；只是按照个人的学习习惯，先拿别人的案例→配置运行环境→成功运行→修改代码（文本图片）→从头梳理→学习技术手册……本篇文章只是作为新手入门的笔记，在术语的表达和前后因果逻辑上都存在着各种问题，一个目的，就是把项目先跑起来！笔记一部分是运行代码，方便复制；一部分截图过程，方便核对。新建目录 E:\phpStudy\PHPTutorial\WWW\lockdatav复制项目将现有的

2020-08-09 17:38:44 616

原创 Echarts实战案例代码(28)：象形图与dataZoom组件实现大事记进度图

数据APIlet xdata = ['2019-06-12', '2019-09-15', '2020-01-10', '2020-03-05', '2020-04-12', '2020-05-18', '2020-06-12', '2020-07-07'], data = [120, 90, 10, 80, 90, 20, 56, 150], infoData = ['漏刻有时发布', '数据分析系统', '磐安旅游签到', '物联网停车场', '刷脸支付大屏', '扎根版开发', '.

2020-08-09 11:39:46 691

原创漏刻有时数据可视化Echarts组件开发(34)：地图引导线tooltip轮播动画效果

【代码】漏刻有时数据可视化Echarts组件开发(34)：地图引导线tooltip轮播动画效果。

2020-08-09 10:47:24 282

原创漏刻有时数据可视化Echarts组件开发(35)：动态可视化排名测试代码（未成功）

2020-08-09 10:45:48 31

原创 Echarts实战案例代码(27)：地理坐标图视觉引导线及富文本提示框的案例

项目要点使用如何注册地理坐标图；带有起点和终点信息的线数据的路径图的使用；使用富文本表现文本框；多组数据在文本内如何使用 formatter回调函数；区域鼠标事件变化文本框样式；geoJSON数据调用geoJSON，设置区域中心点坐标和显示文本框位置的经纬度坐标；myChart.showLoading();var uploadedDataURL = "/asset/get/s/data-1593486529294-SRyGZ7brP.json";const COORDS_LINE

2020-08-09 10:23:08 1321 2

原创百度拾取经纬度坐标转化的geojson数据偏离中心的解决方案

通过百度拾取的经纬度坐标在导入geojson.io中出现偏离的情况：如百度拾取的经纬度转的geojson{"type":"FeatureCollection", "features": [{"type":"Feature","geometry":{"type":"Polygon","coordinates":[[[121.650726,29.743914],[121.650583,29.743538],[121.658488,29.740151],[121.666537,29.740528],[121

2020-08-08 19:17:34 1601

原创百度地图开发：根据指定手绘图纸照片行政区划自定义绘制对应区域边界生成geoJOSN的解决方案

项目需求指定某区域（非省市区县乡镇标准行政区划），做功能边界分区，实现Echarts地理坐标数据可视化展示。提供信息项目分析要在Echarts上实现地理坐标可视化，必须使用geoJSON格式文件；项目只能提供手绘图纸，需要将手绘图纸转换为可以识别的经纬度坐标信息；如何将图纸绑定在百度地图上，使图纸和百度地图区域相重合，按照提供的区域边界，拾取对应的经纬度坐标；将拾取的经纬度坐标做换为geoJSON；引入Echarts，进行开发；操作步骤为简化流程和项目信息外漏，以随意某地作为案例实施

2020-08-08 14:40:11 2261 4

原创百度地图覆盖物加载svg图片的实战案例分析

百度地图覆盖物是可以加载SVG图片信息的，加载的方式如下：引入百度api <script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=你的ak"></script>创建容器<div id="allmap"></div>加载地图 var map = new BMap.Map("allmap"); var p

2020-08-08 11:01:51 1620 3

原创控制台输出信息console.log()的用法总结

定义和用法console.log() 方法用于在控制台输出信息。控制台需要可见，浏览器按下 F12 打开控制台。语法console.log(message)示例console.log('lockdatav');//lockdatav占位符占位符描述%s字符%d或%i整数%f浮点数%o对象%c样式表整数console.log('%d',2);// 2对象字符串 var datav = {name: '漏刻有时', v

2020-08-08 09:08:46 3779 1

原创 Echarts实战案例代码(26)：折线图组件连接空数据connectNulls的用法

Echarts折线图如果出现空数据，会出现断点导致折线无法相连，使用connectNulls:true即可实现断点连接。 series: [{ data: [820, 932, 901, "-", 1290, 1330, 1320], type: "line", connectNulls: true }]Done！

2020-08-07 12:09:05 1914

原创 Echarts实战案例代码(25)：javascript分母是0导致折线图断点无法相连的解决方案

在从后端获取数据后，如果进行均值类的计算，需要除法运算，往往会出现分母为0 的情况。分母为0，在计算出的结果为无穷大，显示为NaN，导致Echarts的折线图中出现断点。如图：理想的折线图，如果不存在数据，断点自动相连。需要对获取的数据进行处理，分母为0替换成其他数据，显示为0既不影响图表表达的涵义，图表也更加美观。解决方案： for (var i = 0; i <= arrLen; i++) { dataName.push

2020-08-07 11:44:46 641

原创 MySQL实战基础知识入门(11)：简单高效的筛选最近7日每天数据统计的方式解决echarts每日交易量柱图

见：《MySQL实战基础知识入门(10)：今天、昨天、近7天、近30天在一个筛选语句内实现的解决方案》上文是时间段的数据合计统计；见《MySQL实战基础知识入门(3)：近7日销量合计php后端mysql语句如果当日为空则自动补0的解决方案》上文是最近七日每日的分别统计。如果只是为了7天，写那么字段也就算了。但是遇见了统计30天内每天的数据时，是不是哭了呢？新的MYSQL筛选语句： $sql = "select DATE_FORMAT(a.paid_at,'%Y-%m-%d') .

2020-08-06 13:58:43 603

原创高德地图Web服务API的开发实例解析

高德Web服务API向开发者提供HTTP接口，开发者可通过这些接口使用各类型的地理数据服务，返回结果支持JSON和XML格式。Web服务API对所有用户开放。使用本组服务之前，需要申请应用Key。不同类型用户可获取不同的数据访问能力。高德和百度两者的区别与百度地图Web-API的区别在于，百度的需要跨域请求JOSNP，而高度地图可以直接通过ajax请求得到。使用前准备工作获取Key。API接口操作实例天气查询API /*天气查询API*/ var url1 = 'https:.

2020-08-06 09:39:17 1529 1

原创 ajax方法执行同步的黄色警告：Synchronous XMLHttpRequest on the main thread is deprecated的解决方案

[Deprecation] Synchronous XMLHttpRequest on the main thread is deprecated because of its detrimental effects to the end user's experience. For more help, check https://xhr.spec.whatwg.org/.翻译：在主线程同步XMLHttpRequest是不赞成的，因为对最终用户的体验有不利影响。更多帮助，检查HTTP：/ / XHR.

2020-08-05 17:53:32 4183

原创 360浏览器安装JSON-Handle插件实现页面JSON数据格式化的操作方法

不要问，为什么不用chrome浏览器，你是不是一个合格的BI工程师？在开发前端json接口的时候，360浏览器的显示格式是这样的：解决方案，一种是复制到chrome浏览器，在页面自动显示格式化后的数据；一种是借助其他json格式化插件，但都是有点麻烦？有没有直接在360浏览器直接实现页面的JSON格式化呢？解决方案：搜索JSON-Handle插件；浏览器插件安装方法: 在地址栏输入 se://extensions/ , 将下载的 .crx 插件包拖放到打开的页面中；3. 刷新原来的.

2020-08-05 09:06:23 2255

原创 Echarts实战案例代码(24)：柱图数据顶部显示图片的解决方案

调用的图片var weatherIcons = { 'icon1': 'https://echarts.apache.org/examples/data/asset/img/weather/sunny_128.png', 'icon2':'https://echarts.apache.org/examples/data/asset/img/weather/cloudy_128.png', 'icon3':'https://echarts.apache.org/examples/da.

2020-08-04 20:42:45 1334 1

原创 Echarts实战案例代码(23)：富文本实现坐标轴文字和图片排版的解决方案

图片对象路径var weatherIcons = { 'Sunny': ROOT_PATH + '/data/asset/img/weather/sunny_128.png', 'Cloudy': ROOT_PATH + '/data/asset/img/weather/cloudy_128.png', 'Showers': ROOT_PATH + '/data/asset/img/weather/showers_128.png'};X轴富文本 xAxis: { .

2020-08-04 20:25:00 1430 10

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