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

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

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

2020-06-12 10:49:00 142 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 308

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

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

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

2020-06-29 14:50:24 175

原创 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 135 1

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

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

2020-06-28 14:58:30 244

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

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

2020-06-28 14:30:02 144

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

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

2020-06-28 14:26:13 305 1

原创 Echarts数据可视化大屏地图精确街道乡镇边界geojson矢量数据

Echarts数据可视化大屏全国地图精确街道乡镇边界geojson矢量数据文件大小: 788M文件格式: .json格式文件说明: 提供JSON大文件阅读器,2010年数据,合计43655个乡镇的geojson;早期版46140个乡镇已合并。定制要求: 可定制,具体价格和客服联系;如不需定制,标价即是售价,不讨价还价!是否开源: 开源,无加密核心说明: 适于Echarts GEO地图类数据可视化制作,按条件查找直接复制使用即可。Done!...

2020-06-27 10:10:53 657

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

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

2020-06-27 10:04:11 128

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

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

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

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

2020-06-19 09:49:39 144

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

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

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

原创 漏刻有时数据可视化应用到的机器自动模拟数据的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 80

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

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

2020-06-05 14:25:33 336

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

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

2020-06-01 10:21:33 1742

原创 Echarts集成bmap的属性介绍

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

2020-06-01 10:19:42 377

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