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

  • 博客(19)
  • 资源 (17)
  • 问答 (1)
  • 收藏
  • 关注

原创 漏刻有时数据可视化大屏核心完整版框架PHP后台数据管理 API数据接口 Echarts图表库 自带电脑端和手机端两套模版且支持自定义前端模版开发

漏刻有时数据可视化大屏前端密码登录保护界面漏刻有时数据可视化大屏核心展示大屏

2020-06-12 10:49:00 310 1

原创 Echarts实战案例代码(3):饼图pie之南丁格尔玫瑰图rose实现代码

var myChart = echarts.init(document.getElementById('echarts_2')); var option = { color: ["#a71a4f", "#bc1540", "#c71b1b", "#d93824", "#ce4018", "#d15122", "#e7741b", "#e58b3d", "#e59524", "#dc9e31", "#da9c2d", "#d2b130", "#bbd337", "#8.

2020-06-30 18:03:08 662

原创 Threejs入门进阶实战案例(6):对象的通用属性/函数

Threejs 3D对象的通用属性与函数,属性值可以直接通过console.log查看,具体如下表格:属性/函数描述position决定对象相对于其父对象的位置,大部分情况下一个对象的父对象是THREE.Scene()对象rotation对象的局部旋转,单位为弧度scale控制对象的缩放up空间向上的方向,缺省是THREE.Vector3(0, 1, 0)translateX/ranslateY/ranslateZ(distance)沿X/Y/Z轴平移

2020-06-29 16:59:45 203

原创 Threejs入门进阶实战案例(5):坐标系理解时辅助坐标系的使用

从2D到3D最大的思维模式就是平面思维到空间思维的模式,如果不能在脑中自动补齐3D坐标轴,则后续牵涉到的网格模型(mesh)、照相机(camere)、灯光(light)以及多个几何体(geometry)进行空间布局时,都是严重的思维障碍。因此在了解threejs的坐标系时,先使用辅助坐标系类,会更直观。 /* 辅助坐标系 */ // 辅助坐标系 参数250表示坐标系大小,可以根据场景大小去设置; var axesHelper = new THREE.AxesH

2020-06-29 14:50:24 325

原创 Threejs入门进阶实战案例(4):addEventListener() 方法自适应窗口显示的方案

addEventListener() 方法调整照相机和渲染器尺寸。 /* 窗口变动触发 */ function onWindowResize() { camera.aspect = window.innerWidth / window.innerHeight; camera.updateProjectionMatrix(); renderer.setSize(window.innerWidth, window.innerHeight);

2020-06-28 15:44:45 323 1

原创 Threejs入门进阶实战案例(3):视频贴图的解决方案

Texture纹理贴图需要使用TextureLoader()异步加载图片,而视频纹理(VideoTexture)创建一个使用视频来作为贴图的纹理对象时,需要在当前文档创建使用的Video元素。

2020-06-28 14:58:30 578

原创 Threejs入门进阶实战案例(2):正常静态渲染和渲染动画的解决方案

function fetchData(cb) { // 通过 setTimeout 模拟异步加载 setTimeout(function () { cb({ categories: ["衬衫","羊毛衫","雪纺衫","裤子","高跟鞋","袜子"], data: [5, 20, 36, 10, 10, 20] ...

2020-06-28 14:30:02 250

原创 Threejs入门进阶实战案例(1):使用TextureLoader进行map贴图显示黑色的解决方案

为什么要学习Three.js?数据可视化的需要,也是数据可视化具备商业潜质的有效补充。

2020-06-28 14:26:13 786 6

原创 漏刻有时数据可视化语音留言墙开发日志(微信录音&七牛云amr转换成mp3存储转码)

应甲方要求,开发红色文化主题教育语音留言墙,主要内容包括:微信授权登录;微信录音,需审核;录音上墙大屏展示;后台管理;先上效果图(非最终展示界面):准备工作微信配置说明:1、微信公众号注册并申请服务号;2、微信公众号->开发->基本配置->公众号开发信息,获取AppID、AppSecret并设置IP白名单(服务器IP);3、微信公众号->公众...

2020-06-27 10:04:11 181

原创 Echarts实战案例代码(2):柱图堆叠方案备选案例

option = { tooltip: { trigger: 'axis' }, title:[{ text:"70%", left:"2%", right: '85%' },{ text:"15%", left:"32%", right: '51%' },{ text:"-1.46%", left:"17%",..

2020-06-27 09:32:41 141

原创 Echarts数据可视化大屏开发如何优雅清晰的进行代码注释

一、版权注释格式<!--@author Poleng@email 30930572@qq.com@create date 2020-07-18 08:42:38@modify date 2020-03-20 15:17:15@desc A data visualization project based on echarts.js. -->二、

2020-06-27 09:31:26 263

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

实现如图Echarts渐变折线图的方式,提供两种解决方案:1.series组件属性:{ type: 'line', name: "总收入", lineStyle: { normal: { width: 3 }, }, itemStyle: { "co.

2020-06-19 09:49:39 172

原创 Echarts实战案例代码(1):柱图堆叠方案备选案例

/*工资项目趋势分析堆积图*/function wagesStr(dataName, dataList1, dataList2, dataList3, dataList4) { var myChart = echarts.init(document.getElementById('wages')); var option = { tooltip: { trigger: 'axis', axisPointer: { .

2020-06-17 18:29:10 143

原创 swiper轮播图缩略图效果彩色到黑白的变化的解决方案

#thumbs .swiper-slide { opacity: 0.6; width: 25%; height: 40px; margin: auto 30px; cursor: pointer; filter: grayscale(100%);}#thumbs .swiper-slide-thumb-active { opacity: 1; filter: grayscale(0);}Done!

2020-06-16 10:04:47 162

原创 Echarts组件tooltip提示框formatter函数返回的HTML样式解决方案

tooltip: { padding: 0, enterable: true, transitionDuration: 1, textStyle: { color: '#000', decoration: 'none', }, // position: function (point, params, dom, rect, size) { ...

2020-06-09 09:56:49 934

原创 漏刻有时数据可视化应用到的机器自动模拟数据的js函数相关解决方案

一、生成从minNum到maxNum的随机数(区间内的两位小数随机数) function randomNum(minNum, maxNum) { switch (arguments.length) { case 1: return parseFloat(Math.random() * minNum + 1).toFixed(2); break;

2020-06-07 18:45:12 114

原创 多个js对象数组合并成一个对象数组的解决方案

//多个数组对象合并; var dataScatter = []; avenueData.map(function (value, index, array) { dataScatter = dataScatter.concat(value); });//console.log(dataScatter);Done!...

2020-06-05 14:25:33 756

原创 百度地图开发mapStyle个性化地图styleJson的配色解决方案

mapStyle: { styleJson: [{ 'featureType': 'water', 'elementType': 'all', 'stylers': { 'color': '#d1d1d1' } }, { 'featureType': 'lan..

2020-06-01 10:21:33 4435 2

原创 Echarts集成bmap的属性介绍

解决1个bug同时产生99个 bug,这就是程序猿为什么停不下来的原因。亟需解决的问题罗列:1.自定义区块的高亮显示问题(怀疑和经纬度格式有关系,待定);2.区域遮罩重复到时黑屏的解决方案;3.13个区域,95个网格的经纬度拾取、标准格式转化;4....

2020-06-01 10:19:42 744

sampling降采样策略.zip

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

2020-10-12

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

图片热点的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引入百度地图,通过<script>脚本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

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人 TA的粉丝

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