2020年03月_漏刻有时数据可视化大屏（PHP&ECHARTS智能化私有部署解决方案）_漏刻有时

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

原创百度人脸识别php版本数组数组简写导致的{"readyState":4,,"status":500,"statusText":"Internal Error"｝错误

本例的实际解决方案：根本原因，php代码中的数据全部是[]形式写的，这种形式php 5.4+才可以这么写，是新增的数组简写语法；php 5.3版及以前的版本不接受这么写。$data = ['start_time' => '123','end_time' =>'456'];问题就卡在服务器的php版本是5.3.9的，成功解决！Done!...

2020-03-30 19:17:35 492

原创 Echarts折线图渐变色的属性设置解决方案

这些设置itemStyle的图形属性即可：itemStyle: { "color": { "type": "linear", "x": 0, "y": 0, "x2...

2020-03-30 12:33:57 380

原创 Echarts显示随机颜色的函数解决方案

color: function() { return 'rgb(' + [ Math.round(Math.random() * 160), Math.round(Math.random() * 160), Ma...

2020-03-24 10:39:37 524

原创 touchslider.js插件高度自适应的解决方案

问题需求touchslider.js，li进行排版时，li的高度会跟随最大高度拉伸，出现其他页面的空白留底。解决方案将li的overflow置为auto即可。具体操作修改对应的li的样式，如下，即可实现高度自适应.li_list { height: 100vh; overflow:auto;}Done!...

2020-03-22 11:44:56 275

原创 Echarts仪盘表axisLine渐变及title颜色设置

option = { backgroundColor: '#1092f5', tooltip: { formatter: '{a} <br/>{b} : {c}%' }, series: [{ name: '业务指标', type: 'gauge', axisLabel: { ...

2020-03-22 10:40:24 606

原创漏刻有时LOCKDATAV数据可视化大屏Echarts前端UI手机移动版模版

Done!

2020-03-20 13:02:03 96 1

原创 MySQL实战基础知识入门(8)：MySQL数据库实例数据表解读字段命名方式以及数据类型的设置

在学习MySQL时，首次建立数据库数据表，总是不知道如何起字段名称，确定字段类型。其实，最好的方法就是用现成成熟的案例作为学习对象。

2020-03-18 16:17:52 70

原创云EC商城腾讯云短信模版设置解决方案

一、腾讯云短信申请及模版设置需要注意的两点：先申请短信签名，且签名必须和云EC的一致，否则短信无法正常使用；内容中的变量，必须是{1}、{2}否则不符合审核要求；二、云EC商城启用腾讯云短信在对应的表单中填写模版ID即可。Done!...

2020-03-18 15:02:56 111

原创 echarts一个option实现多图表布局的案例

function getArrayValue(array, keys) { var keys = keys || "value"; var res = []; if (array) { array.forEach(function(t) { res.push(t[keys]); }); } retur...

2020-03-13 16:33:54 627

原创 js获取根据键获取值的getArrayValue函数

var data = [{ name: "使用中资源量", value: 754 }, { name: "维修中资源量", value: 611 }, { name: "保养中资源量", value: 400...

2020-03-09 17:15:14 441

原创 js定时循环输出数组的值

var arr = [23, 2, 3, 45, 67, 43]; var length = arr.length; var i = 0; for (i; i < length; i++) { var j = 0; setTimeout(function () { console.log(arr[j++]...

2020-03-08 10:39:59 282

原创 Echarts项目开发：柱状图动态数据可视化排名榜(1)

项目需求：在学习echarts的过程，遇到B站以及抖音里很多动态数据排行榜的案例。一部分是基于可视化软件的，还有一部分是基于d3.js开发的。离自己想要的需求还是有一定的差距。解决办法无非是学习软件或是基于d3开发，节省重复造轮子的过程。开发问题：也不知道echarts能不能完成最终的结果，但是都是js，应该不会差到哪里。更何况，现在是站在原有模型的基础上进行仿制开发。开发目的：学习...

2020-03-07 12:34:50 1719

原创 input中placeholder的鼠标操作事件

2020-03-06 02:48:05 113

原创 CSS绝对定位时水平居中的写法

在CSS定位的过程中，正常的居中定位:margin:0 auto可以满足水平居中；但是决定定位是，使用left:50%，实际在视觉上不是水平居中的。目前一个最佳的绝对定位水平居中的代码如下：（上下左右都居中，删除对应的top和bottom，即可实现水平居中） width: 600px; height: 400px; position: absolute; left: 0;...

2020-03-04 21:46:46 116 1

原创 Echarts调用同一个组件显示在不同位置的方法

var dataArr = 44;var colorSet = { color: '#468EFD'};option = { backgroundColor: '#0E1327', series: [ { name: '保险', type: 'gauge', // center...

2020-03-03 12:30:52 206

原创 Echarts组件legend属性显示数据和icon图片自定义的解决方案

项目需求：1、自定义icon图片样式；2、相关数值直接显示；解决方案：自定义icon图片样式 data: ['家电', '服装', '数码'],转为： data: [{name:'家电',icon:'image://lockdatav1.png'}, {name:'服装',icon:'image://lockdatav2.png'}, {name:'数码',icon:'...

2020-03-02 11:00:36 400

原创 Echarts数据series组件中数组直接进行排序

Echarts中，为了将数据有序的排列，一种方式是在后端数据处理后，直接输出予以调用，增加了后端服务器的负荷和代码开发；二是直接在echarts组件中直接使用js的.sort函数进行排序。原始代码： data: [ {value: 335, name: '家电'}, {value: 310, name: '服装'}, ...

2020-03-02 09:50:46 2006

原创 Echarts柱状图y轴刻度标签图片和柱状渐变功能实现的解决方案

如图所示：前端设计提供的平面，这里面有两个不常用的功能：（1）y轴刻度标签含有图片；（2）柱图限行渐变。需要对echarts的属性十分熟悉才可以实现，具体操作如下:（1）解决方案：yAxis属性添加：offset:10, axisLabel:{ formatter: '{value} {a|}', ...

2020-03-01 10:45:04 336 13

原创百度地图标注提示框CSS气泡对话框实现属性解决方案

百度地图需要做气泡对话框的提示，如果通过CSS实现；HTML：<div class="main"></div>CSS： .main { position: relative; width: 180px;//内容框宽度 height: 150px;//内容框高度度 ...

2020-03-01 09:27:26 538

雄安新区GEOJSON带县边界

雄安新区（Xiong'an New Area）位于中国河北省保定市境内，规划范围涵盖河北省雄县、容城、安新等3个小县及周边部分区域，对雄县、容城、安新3县及周边区域实行托管，是中国（河北）自由贸易试验区组成部分。

2020-07-06

隧道施工建设数字化大屏说明文档

隧道施工建设数字化大屏说明文档，一个标准的业务文档：为前端定制产品开发，调用甲方提供的API数据接口来实现数据的展示和互动，为此部分参数的设计全部融于页面内。

2020-11-28

gis数据可视化GeoJson、TopoJson、SVG、SHP、JS格式的标准模版

gis数据可视化GeoJson、TopoJson、SVG、SHP、JS格式的标准模版，可以按照标准格式，进行实际应用场景的格式转化和使用

2020-07-25

图片热点的hover高亮显示mapper.js

javascript插件库的应用：mapper.js实现图片热点的hover高亮效果，详见：https://blog.csdn.net/weixin_41290949/article/details/108214691

2020-08-25

upload.zip

layui请求上传接口出现异常：upload.js 错误底层报错信息修改。作者仅在2.26版测试，其他版本未测试，请下载时自行排查，覆盖文件前，记得备份，备份，备份……

2020-02-05

bmap.min.js

echarts引入百度地图，通过<script>脚本bmap.min.js解决默认开启底图可点功能的底层修改

2020-05-22

JavaScript将csv转为json标准的.csv文件模版

CSV是Comma Separated Values的缩写，一种常用的数据存储文件格式，其中每一行是一条记录，每一条记录包含很多列，每列中的数据通常使用逗号分隔，当其中的值包含逗号时需要使用单引号或双引号包含。

2020-02-12

sampling降采样策略.zip

Echarts高级进阶教程(1)：异步加载大量数据导致dataZoom组件拖动缩放时间轴卡顿的sampling降采样策略解决方案

2020-10-12

Echarts5开源可视化图表库开发的象形柱图世界旅游景点日记照片墙

Echarts5开源可视化图表库 1. 图表基础框架的搭建； 2. series-pictorialBar，象形柱图； 3. series-bar，柱状图； 4. dataZoom 组件，用于区域缩放； 5. on方法添加事件处理函数；

2021-02-10

不设区的地级市之东莞市geoJSON转js

东莞市辖32个镇（街道），其中包括4个街道（莞城街道、南城街道、东城街道、万江街道）；28个镇（石龙镇、石排镇、茶山镇、企石镇、桥头镇、东坑镇、横沥镇、常平镇，虎门镇、长安镇、沙田镇、厚街镇，寮步镇、大岭山镇、大朗镇、黄江镇，樟木头镇、谢岗镇、塘厦镇、清溪镇、凤岗镇，麻涌镇、中堂镇、高埗镇、石碣镇、望牛墩镇、洪梅镇、道滘镇）

2020-07-06