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

原创 MySQL实战基础知识入门(7):mysql使用source命令导入数据的操作方案

source命令进入mysql数据库控制台,mysql -u root -p使用指定数据库mysql>use 数据库使用source命令,后面参数为脚本文件(如这里用到的.sql)mysql> source D:\demo.sqlDone!

2020-07-31 21:24:04 60

原创 MySQL实战基础知识入门(6):mysql使用mysqldump导出数据出错的解决方案

在ppstorm的命令行工具,直接导出数据时,总是出现1064错误。错误提示一ERROR 1064 (42000): You have an error in your SQL syntax; check the manual that corresponds to your MySQL server version for the right syntax to use near '$ mysqldump -u root -p root po_demo > sdemo.sql' at line

2020-07-31 20:58:10 65

原创 MySQL实战基础知识入门(5):命令行汉字中文输出乱码的解决方案

解决方案:set character_set_results=gb2312;改变字符编码后,再提交查询语句:select * from po_demo;Done!

2020-07-31 20:35:02 30

原创 vue.js实战案例(1):外部直接引入渲染echarts地图的实战案例

文件引入 <!--Echarts图表库--> <script src="js/echarts.min.js"></script> <!--VUE核心框架--> <script src="js/vue.js"></script> <script src="js/axios.min.js"></script> <!--省份geoJson文件--> .

2020-07-31 18:09:10 92

原创 漏刻有时数据可视化LockDataV(3/3):php数据开发API接口

漏刻有时开放平台,提供强大且智能的API接口,LockDataAPI-SDK ,文件位于根目录api目录下,包含:LockData.php,核心数据读取,json展示代码对象封装页面;api.php,数据授权读取接口;API接口代码:public function sales(){ global $db, $res; dbc(); $row = $db->queryall("select vname,vdata,vtask,Round(vdata/vtask*100,2

2020-07-31 17:21:53 69

原创 漏刻有时数据可视化LockDataV(2/3):运行环境

操作系统:linux、WINNT;PHP版本 5.5+MYSQL 5.5+目录、文件权限检查conf:可写;install :可写;函数mysqli_connect() :支持fsockopen():支持gethostbyname():支持file_get_contents():支持mb_convert_encoding():支持json_encode():支持...

2020-07-31 17:16:13 39

原创 漏刻有时数据可视化LockDataV(1/3):目录结构

漏刻版本漏刻有时数据可视化v2.0 扎根版目录文件说明├─index.php …前台入口文件├─admin.php …后台入口文件├─admin …后台管理应用(可修改名称)│ ├─controller …控制器目录│ ├─model …控模型目录│ ├─view …视图目录│ ├─base.php …后台执行文件│ ├─perm.php …后台权限检测├─favicon.ico …收藏夹图标├─ docs …说明文档├─api …数据api目录│ ├

2020-07-31 17:11:22 40

原创 MySQL实战基础知识入门(4):MySQL高级函数CASE WHEN END

CASE 表示函数开始,END 表示函数结束。如果 condition1 成立,则返回 result1, 如果 condition2 成立,则返回 result2,当全部不成立则返回 result,而当有一个成立之后,后面的就不执行了。CASE expression WHEN condition1 THEN result1 WHEN condition2 THEN result2 ... WHEN conditionN THEN resultN ELSE resu.

2020-07-31 14:19:13 49

原创 MySQL实战基础知识入门(2):统计一天24小时数据默认补0的sql语句

语句分析:如果不存在某时段的数据,会显示为null,如何将不存在的时段自动补齐呢?select a.lockdate,ifnull(b.count,0) as countfrom ( SELECT 0 as lockdate union all SELECT 1 as lockdate union all SELECT 2 as lockdate union all SELECT 3 as lockdate union all SE

2020-07-31 09:01:59 101

原创 MySQL实战基础知识入门(1):登录数据库命令行

为了避免删库跑路的风险,建议使用mysql命令行的时候,一定要养成好的习惯: 1. 定时备份,及时备份,操作前备份的好习惯; 2. 删除语句加where的好习惯; 3. 测试环境练手的好习惯; 4. 集中精力的好习惯;

2020-07-31 07:32:00 52

原创 javascript封装函数:substr函数实现自动截取长度超出限制字数的解决方案

//缩减文本;function limitWords(txt, num) { var str = txt; str = str.substr(0, num); return str + "";}调用:var txt ="漏刻有时(LOCKDATAV),智能化数据展示解决方案服务商,让更多的人看到数据可视化的魅力,促进前沿技术与产业融合,帮助非专业的工程师通过图形化的界面轻松搭建专业水准的可视化应用";limitWords(txt, 27)Done!...

2020-07-30 17:50:41 34

原创 layui框架实战案例(1):layui组件table异步加载数据结合php后台动态翻页的解决方案

layui组件table美观度和实用性都是比较完美的。但是在使用table翻页功能的时候,需要对后台进行传参,并且返回的json数据一定要符合一定的规范,否则将无法实现翻页。layui版本: layui-v2.5.6**php代码:**原生代码,无框架;返回JSON格式规范:{"code":0,"msg":"","count":1000,"data":[{"id":10000,"username":"user-0","sex":"女","city":"城市-0","sign":"签名-0",

2020-07-30 16:30:31 60

原创 Echarts实战案例代码(22):jquery使用ajax属性beforeSend实现预加载loading效果代替showLoading的解决方案

在Echarts的图表加载过程中,由于使用函数调用,而不是在ajax内部直接使用Echarts,导致showLoading无法正常使用。现在通过jquery自带参数进行loading效果 beforeSend: function () { $("#wtbody").html("<div style='width: 100%;margin:0 auto;height: 250px;line-height: 250px;'><img src='static/lockdatav/image

2020-07-29 18:04:24 44

原创 Echarts实战案例代码(21):front-endPage的CJJTable前端分页插件ajax分页异步加载数据的解决方案

场景需求:layui弹出模态框,显示数据记录。解决方案:选择layui table组件laypages应该是比较无缝的对接,但是laypages组件的翻页需要后台参数的配合。由于后台权限不在自己手中,选择了CJJTable前端分页插件。代码展示: //执行数据读取; $.ajax({ type: 'post', async: true, data: {limitNum: 100}, url: './api/api.php?.

2020-07-29 11:56:39 49

原创 MySQL实战基础知识入门(3):近7日销量合计php后端mysql语句如果当日为空则自动补0的解决方案

public function getEveryDay() { global $db, $res; dbc(); $NowTimes = date("Y-m-d", time()); $sql = "select DATE_FORMAT(paid_at,'%Y-%m-%d') as dataKey,ifnull(COUNT(id),0) AS totalTrans,ifnull(SUM(should_paid),0) AS t...

2020-07-29 11:44:51 32

原创 Echarts实战案例代码(19):利用visualMap视觉映射组件制作五色玫瑰工作进程图

visualMap: { type: "piecewise", show:true, splitNumber: 5, /*不设置,自动调整*/ pieces: [ {gte: 0, lt: 150}, {gte: 160, lt: 500}, {gte: 501, lt: 599}, .

2020-07-28 09:31:14 60

原创 环境部署:一文测试mysql大文件导入到数据库常见问题及解决方案

测试环境说明本地win7操作系统;phpstdudy集成环境;35M左右大小的.sql文件导入,未分段;导入工具:phpMyAdmin;导入方式: phpMyAdmin导入菜单,默认导入规则;导入时长:这个考察的就是耐心,只要没导入就跟着提示继续导入。大小上传限制POST Content-Length of 20001921 bytes exceeds the limit of 8388608 bytes in提示原因:内容超出显示,需要修改 php.ini配置文件。解决方案:

2020-07-27 10:26:48 54

原创 Echarts实战案例代码(18):GIS地图中GeoJson、TopoJson、SVG、SHP、JS常见格式相互转化的基础知识

GeoJson格式GeoJSON是一种对各种地理数据结构进行编码的格式,基于Javascript对象表示法的地理空间信息数据交换格式。GeoJSON对象可以表示几何、特征或者特征集合。GeoJSON支持下面几何类型:点、线、面、多点、多线、多面和几何集合。GeoJSON里的特征包含一个几何对象和其他属性,特征集合表示一系列特征。{ "type": "FeatureCollection", "features": [{ "type": "Feature",

2020-07-25 09:42:37 80

原创 漏刻有时数据可视化大屏常见问题(11):调整api地址解除根目录安装权限适应子目录安装

为减少域名资源和空间使用的浪费,漏刻有时目录架构进行了调整,在Echarts核心视觉库visual.js中,替换ajax的ulr路径即可 $.ajax({ type: 'post', async: false, data: {township: township}, url: './api/api.php?act=getTotal&token=3cab7ce4142608c0f40c785b5ab5ca24',

2020-07-24 13:27:52 46

原创 漏刻有时数据可视化大屏常见问题(10):geomap调用本地版js文件的操作说明

命名规则汉语拼音命名,地图标识为拼音。如:德城区 decheng.js 地图标识:decheng使用说明1.将decheng.js引入通过script引入;2.地图组件中修改对应的地图标识; series: [{ type: 'map', map: 'lockdatav',//对应JS文件中地图的名称; roam: false, zoom: 1.2}]修改地图标识:map: 'decheng'

2020-07-24 10:49:06 35

原创 Echarts实战案例代码(17):鼠标操作事件的代码

myChart.on('mouseover', function(params) { stopTimer();});myChart.on('mouseout', function(params) { startTimer();});var timer;function doing() { let option = myChart.getOption(); option.series[0].startAngle = option.series[0].startA

2020-07-23 17:09:48 42

原创 Echarts实战案例代码(16):geomap地图散点图和label轮播的解决方案

场景使用:适用于定时显示区域信息、区域警报提醒。设置城市中心点var center = { "南京市":[118.767413,32.041544], "无锡市":[120.301663,31.574729], "徐州市":[117.184811,34.261792], "常州市":[119.946973,31.772752], "苏州市":[120.619585,31.299379], "南通市":[120.864608,32.016212], .

2020-07-23 16:31:38 68

原创 Echarts实战案例代码(15):月收入年龄分段等MYSQL分类统计PHP后台数据管理接口API数据的解决方案

在数据可视化过程中,需要对数据进行分段分类的统计,然后传递给图表进行渲染显示。如下图:数据库字段正常的数据库字段为浮点类型,如po_namepo_incomeA5000.00B3520.00C4920.00D8900.00E12000.00F3512.00G4800.00而实现的是区间分组,如果将数据直接传递给前端,通过js对象数组解析,步骤繁琐,幸好mysql提供的简单快捷的执行方案。SQL语句 public f

2020-07-23 09:17:55 57

原创 漏刻有时数据可视化大屏常见问题(9):mysql数据库.sql文件制作自动安装格式的解决方案

在数据可视化制作的过程中,数据库结构总是在不断的调整和变化中。为了给程序开发者更好的操作体验,简化操作流程,需要在程序测试完毕打包版本的时候,对数据库进行格式操作,以便完成初始化的自动安装。现就如何实现数据库自动安装格式的步骤整理如下:导出数据进入phpMyAdmin,选择要导出的数据库,点击进入如下状态:导出→执行,生成对应的lockdatav.sql文件;SQL文件处理导出的文件是标准的nysql文件,需要将对应的数据表前缀更换即可。将po_admin中的前缀,替换成#__admin。替

2020-07-23 08:43:38 27

原创 Echarts实战案例代码(14):数据可视化大屏根据ajax异步更新筛选条件查询互动展示的解决思路

数据可视化大屏根据筛选条件查询互动展示的常见方式就是,$ajax,通过改变data{}中的传递参数,进而实现数据的异步更新。创建函数创建一个包含参数的全部数据的函数getAllData(township),内部调用需要异步更新数据的子参数,如 getNation(township),getIncome(township)……//获取陵城区全部数据;function getAllData(township) { //汇总统计; $("#townName").html(township)

2020-07-22 13:06:14 66

原创 Echarts实战案例代码(13):使用layui弹出模态框通过localStorage跨页面函数传递参数

项目需求按照地区筛选时,大屏对应的项目进行精准匹配显示数据;点击对应图表的(N)按钮时,弹出图表也相应的显示对应的地区图表;项目分析源码分析<div class="boxall" style="height:240px"> <div class="alltitle">月收入分布<span class="laybg new6">N</span></div> <div class="navboxall" id="inc

2020-07-22 12:58:38 77

原创 搜索和替换PPT里面指定字体文字的(某些字体无法随演示文稿一起保存)解决方案

软件版本:Office 2013。使用问题:PPT中,某些字体无法随演示文稿一起保存。解决方案:Done!

2020-07-21 10:08:37 91

原创 JS对象数组求和

一、对象数组[ { "name": "陵城区", "value": "18" }, { "name": "李沧区", "value": "1" }, { "name": "市辖区", "value": "1" }]二、遍历数组求和 /*合计地区总数,对象数组求和*/ var strarr = []; for (let i in res.data) {

2020-07-21 07:43:38 98

原创 Echarts实战案例代码(12):Highcharts与Echarts地图geoJSON的比较及使用方法

在数据可视化中,需要做地图信息可视化时,必须用到geoJSON。目前支持地图数据可视化的JS库比较丰富,现以Highcharts与Echarts两个图表库为例,对比下geoJSON的区别!geoJSON是什么?geojson是用json的语法表达和存储地理数据,可以说是json的子集,其格式如下:{ "type": "FeatureCollection", "features": [ {"type":"Feature", "properties":{},

2020-07-17 13:04:28 308

原创 Echarts实战案例代码(11):利用geojson数据地图map组件生成js本地版直接访问的解决方案

series-map组件,在构建地理区域数据可视化时,一般是使用getJSON()来获取geojso数据,然后进行渲染。但是使用$.getJSON()就必须在http服务下进行访问,需要搭建http服务器。代码如下: //调用地图geojson $.getJSON('geojson/au-all.geo.json', function (data) { //some codes; }然后通过:http://test.com/进行预览访问。能不能在本地直接点击访问呢?答案是肯定的

2020-07-16 08:50:16 162

原创 Echarts实战案例代码(10):echarts结合世界所有国家地图数据集geojson的(英文翻译映射)解决方案

国外地图,默认GeoJSON文件为英文,为了阅读友好化体验,一般需要将地区的名称翻译成中文。一种方式是修改GeoJSON文件内部,找到对应地区的name属性,直接替换成相应的中文即可,这种方式在众多的数字中找名字,比较费时费力。一种是使用echarts图表库geo组件中的nameMap属性,自定义地区的名称映射,即可自动翻译(映射)。 nameMap: {//自定义地区的名称映射 'South Australia': '南澳大利亚州',

2020-07-15 21:58:50 237 1

原创 环境部署过程hosts文件不显示的解决方案

在环境部署过程中,需要配置hosts文件,常见的问题:一、hosts的文件位置:C:\Windows\System32\drivers\etc二、hosts文件不显示的解决方案:使用文件夹选择,显示隐藏文件选择是无效的。1.按住windows键(就是小旗子小窗口键)+R,打开运行;2.在输入框中输入 cmd并回车;3.紧接着在dos窗口中输入“CD \WINDOWS\SYSTEM32\DRIVERS\ETC”(不含引号),回车;4.再次输入“ATTRIB -S -H -R HOSTS”(不含引

2020-07-15 16:34:58 81

原创 Photoshop合并多个图片为PDF格式文件的(PDF文件编辑删除页面及合并的操作方法)解决方案

在实际应用过程中,PDF文件需要修改页面,最常见的就是删除、编辑以及重新合并。如果有Adobe Acrobat的正式版本,其操作是简单的。现在简单梳理下如何用Photoshop编辑和整理PDF文件。一、直接将PDF文件拖入Photoshop中,选择,要编辑的页面或者全部打开;二、编辑完成后,需要重新的导出页面都处于文档打开状态。选择“文件”→“自动”→“PDF演示文稿”。三、在弹出窗口,选择“添加打开的文件”,根据需要移去,存储为“多页面文档”。注:页面无法调整顺序,默认按照文档打开的顺序排序。

2020-07-15 16:07:26 130

原创 Echarts实战案例代码(9):图表纹理填充的解决方案(柱图为例)

一、设置base64图片;var piePatternSrc = 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEMAAABECAIAAABVrR+cAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYz.

2020-07-11 08:33:47 1019

原创 Echarts实战案例代码(8):设置itemStyle渐变color属性实现柱图的伪3D效果的解决方案

重点代码itemStyle: { show: true, color: new echarts.graphic.LinearGradient(0, 0, 1, 0, [{ offset: 0, color: '#C70019' }, { offset: 0.5, .

2020-07-10 18:25:26 198

原创 Echarts实战案例代码(7):柱图实现显示多组数据label标签的解决方案

一、创建数组:var dataName = ["A", "B", "C", "D", "E"];var datalabel = [100, 2, 3, 12, 13];var data = [18203, 23489, 29034, 104970, 131744];二、设置optionvar option = { tooltip: { trigger: 'axis', axisPointer: { type: 'shadow' .

2020-07-10 17:58:26 142

原创 Echarts实例中echartsInstance. showLoading和hideLoading

在Echarts中,为了有友好的用户体验,加载大量数据时,需要用到Loading动画效果,具体的组件就是:echartsInstance. showLoading和echartsInstance. hideLoading,且必须成对使用。一,组件语法echartsInstance. showLoading (type?: string, opts?: Object)default: { text: 'loading', color: '#c23531', textColor: '#000

2020-07-10 08:48:27 355

原创 数据可视化大屏使用ipad-page-flip插件JS库制作Flipping Book的样式表解决方案

插件核心源于ipad-page-flip。演示效果:样式表需要注意的几个细节:/*page/front/back内部禁止绝对定位样式1.导致翻转黑屏;2.页面错乱Design by Poleung 2020.07.09*/.scene { width: 40%; /*页面宽度*/ height: 90%; margin: 3% 5% 5% 50%; perspective: 1000px;}.front, .back { positio.

2020-07-09 20:04:09 108

原创 php交互式命令行工具window操作系统安装readline扩展函数实现interactive mode enabled到Interactive Shell

从PHP 7.1.0 开始,这个扩展在Windows上也可用。

2020-07-07 12:23:05 104

原创 Phpstorm命令行查看MySql版本号

-直接输入: mysql –Vmysql –V进入mysql数据库查询mysql> statusselect version();Done!

2020-07-07 11:50:36 155

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