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

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

option = { backgroundColor: "#0f375f", title: { text: '股票智能跟踪分析系统', textStyle: { align: '...

2020-08-30 14:27:35 52 0

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

2020-08-29 18:20:48 51 0

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

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

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

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

认真仔细的看了一边CSS结构,就是前端经常用的json对象,只是一直没注意,直到javascript函数调用CSS样式的时候才发现,做个记号吧! .menuBox { display: inline-block; position: absolute...

2020-08-25 17:48:57 77 0

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

在HTML中,链接有对应的hover高亮显示属性,但是对图片热点来说,是没有高亮的选项的,因此需要调用插件来实现该功能。 准备工作 热点图片的制作:使用过多前后端分离软件的程序猿,可能webstorm、subtime、Atom、VScode等工具烂熟于心,但是对图片特点的设置,比较下来还是推荐Dr...

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

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

在数据可视化中,经常使用地图展示地理信息数据,最常见的地图使用分为三种方式: geo坐标地图 svg地图 图片热点地图 不同类型的需求需要不同的地图类型,不同类型有不同的解决方案和展示方式,在前期沟通中必须明确,否则就容易出现不同类型的展示在无法实现的地图类型中实现,会很被动。 类目 ...

2020-08-25 09:58:51 85 0

原创 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 81 0

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

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

2020-08-22 15:58:20 65 0

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

SVG是一种图像文件格式,它的英文全称为Scalable Vector Graphics,意思为可缩放的矢量图形。它是基于XML(Extensible Markup Language),由World Wide Web Consortium(W3C)联盟进行开发的。严格来说应该是一种开放标准的矢量图...

2020-08-21 08:31:06 71 0

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

封装layui弹出层函数 function getDiv(title, url, w, h) { if (title == null || title == '') { title = false; } if (url == null ...

2020-08-20 14:13:45 90 0

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

错误方案: var showContent = "<div id=\"gender2\" style=\"display:block;height: 500px;\"></div>"; layer...

2020-08-20 13:48:13 67 0

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

项目需求 TAB选项卡:“月统计”和“年统计”; 实现不同TAB选项卡时,同一个按钮实现不同的链接,弹出对应的“月统计”和“年统计”放大页面。 解决方案 HTML代码 <div class="allTitle">荣誉墙 <span class=&qu...

2020-08-18 19:21:41 46 0

原创 阿里云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 59 0

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

按钮状态设置 $('#ct1').click(function () { $('#ct1').removeClass().addClass('active'); $('#ct2').removeClas...

2020-08-17 14:31:00 65 0

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

地图对应的数据 /*svg地图*/ var classObj = [ {name: "qingqi", place: "青岐村委", color: "#f6510d", orgTotal: 987, or...

2020-08-17 14:23:17 53 0

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

svg图标大小和平移位置 <g transform="translate(0,-130)scale(1.15,1.15)"></g> 插入图片 <image class="qingqi" xlink:href="...

2020-08-16 18:54:50 56 0

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

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

2020-08-14 08:22:23 66 0

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

lockdatav.js版权文件调用 js内容 var lc = {name: '漏刻有时数据可视化', short: 'LockDataV', url: 'https://mall.qiaodu.net/', author: �...

2020-08-13 19:36:04 78 0

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

/*年度销售交易额*/ var intNum = parseFloat(parseFloat(yearsNumInt) + parseFloat(transTotal)).toFixed(2); function todayDeal() { var numRun =...

2020-08-13 19:31:55 81 0

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

代码如下: /*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/ ::-webkit-scrollbar { width: 8px; height: 8px; background-color: rgba(255, 255, 255, 0.2); } /*定义滚动条...

2020-08-13 15:22:36 52 0

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

异常代码: xAxis: { type: 'category', axisTick: { show: false }, axisLin...

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

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

Excle导入的时间格式 名称 时间 张三 2020-08-01 李四 2020-08-01 王五 2020-08-01 孙六 2020-08-01 刘八 2020-08-01 解决方案: 使用PHPExcel_Shared_Date::ExcelToPHP()...

2020-08-12 15:42:27 66 0

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

解决方法: 查看配置文件package.json 中服务器名称,并修改启动命令。 "scripts": { "dev": "vue-cli-service serve", "build": &quo...

2020-08-09 18:47:34 282 0

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

项目背景 node.js和npm的配置也是按照说明一步一步安装; 初涉vue项目,对于vue是什么还是懵懂的状态; 只是按照个人的学习习惯,先拿别人的案例→配置运行环境→成功运行→修改代码(文本图片)→从头梳理→学习技术手册…… 本篇文章只是作为新手入门的笔记,在术语的表达和前后因果逻辑上都存在...

2020-08-09 17:38:44 179 0

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

数据API let xdata = ['2019-06-12', '2019-09-15', '2020-01-10', '2020-03-05', '2020-04-12', '2020...

2020-08-09 11:39:46 90 0

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

项目要点 使用如何注册地理坐标图; 带有起点和终点信息的线数据的路径图的使用; 使用富文本表现文本框; 多组数据在文本内如何使用 formatter回调函数; 区域鼠标事件变化文本框样式; geoJSON数据 调用geoJSON,设置区域中心点坐标和显示文本框位置的经纬度坐标; myChar...

2020-08-09 10:23:08 143 0

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

通过百度拾取的经纬度坐标在导入geojson.io中出现偏离的情况: 如百度拾取的经纬度转的geojson {"type":"FeatureCollection", "features": [ {"type":&quo...

2020-08-08 19:17:34 129 0

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

项目需求 指定某区域(非省市区县乡镇标准行政区划),做功能边界分区,实现Echarts地理坐标数据可视化展示。 提供信息 项目分析 要在Echarts上实现地理坐标可视化,必须使用geoJSON格式文件; 项目只能提供手绘图纸,需要将手绘图纸转换为可以识别的经纬度坐标信息; 如何将图纸绑定在百度...

2020-08-08 14:40:11 228 1

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

百度地图覆盖物是可以加载SVG图片信息的,加载的方式如下: 引入百度api <script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&a...

2020-08-08 11:01:51 159 0

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

定义和用法 console.log() 方法用于在控制台输出信息。 控制台需要可见 ,浏览器按下 F12 打开控制台。 语法 console.log(message) 示例 console.log('lockdatav'); //lockdatav 占位符 占位符 ...

2020-08-08 09:08:46 94 1

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

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

2020-08-07 12:09:05 158 0

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

在从后端获取数据后,如果进行均值类的计算,需要除法运算,往往会出现分母为0 的情况。分母为0,在计算出的结果为无穷大,显示为NaN,导致Echarts的折线图中出现断点。如图: 理想的折线图,如果不存在数据,断点自动相连。需要对获取的数据进行处理,分母为0替换成其他数据,显示为0既不影响图表表达...

2020-08-07 11:44:46 68 0

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

见:《MySQL实战基础知识入门(10):今天、昨天、近7天、近30天在一个筛选语句内实现的解决方案》 上文是时间段的数据合计统计; 见《MySQL实战基础知识入门(3):近7日销量合计php后端mysql语句如果当日为空则自动补0的解决方案》 上文是最近七日每日的分别统计。 如果只是为了7天,...

2020-08-06 13:58:43 63 0

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

高德Web服务API向开发者提供HTTP接口,开发者可通过这些接口使用各类型的地理数据服务,返回结果支持JSON和XML格式。Web服务API对所有用户开放。使用本组服务之前,需要申请应用Key。不同类型用户可获取不同的数据访问能力。 高德和百度两者的区别 与百度地图Web-API的区别在于,百...

2020-08-06 09:39:17 247 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 m...

2020-08-05 17:53:32 74 0

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

不要问,为什么不用chrome浏览器,你是不是一个合格的BI工程师? 在开发前端json接口的时候,360浏览器的显示格式是这样的: 解决方案,一种是复制到chrome浏览器,在页面自动显示格式化后的数据;一种是借助其他json格式化插件,但都是有点麻烦?有没有直接在360浏览器直接实现页面的...

2020-08-05 09:06:23 210 0

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

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

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

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

图片对象路径 var weatherIcons = { 'Sunny': ROOT_PATH + '/data/asset/img/weather/sunny_128.png', 'Cloudy': ROOT_PATH +...

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

原创 MySQL实战基础知识入门(10):今天、昨天、近7天、近30天在一个筛选语句内实现的解决方案

完整代码: $sql = "select SUM(a.should_paid) AS totalPays,a.id,a.leader_id,b.userid,b.name,c.order_id,c.status from " . $db->table(&#...

2020-08-04 08:04:11 50 0

原创 MySQL实战基础知识入门(9):MYSQL跨4个表的高效查询代码的解决方案

global $db, $res; dbc(); $sql = "select a.uniacid,SUM(a.should_paid) AS totalPays,COUNT(a.id) AS transTotal,MAX(a.paid_at) AS pa...

2020-08-04 07:55:53 61 0

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