漏刻有时的博客_JavaScript,PHP,HTML5,漏刻有时,echarts,layui(10)

JSON转数组后，筛选分组并输出，判断键值键值是否存在补0

var arr = [{“category_name”: “60米”, “member_name”: “张三”, “value”: “90”},{“category_name”: “60米”, “member_name”: “李四”, “value”: “80”},{“category_name”: “3000米”, “member_name”: “张三”, “value”: “46”},...

json

数组

数据

未定义

json数据

原创 2021-07-30 16:28:04 166 阅读

百度地图标注maker图标按照分类显示不同的样式

一、确定数据源，其中id代表不同的类别； var markerArr = [ {title: "名称：雾云山种植基地", point: "108.813777,27.722807", id: "1", address: "江口县鄞州区泰康中路558号", tel: "0574-89018188"}, { title: "名称：水银山种植基...

ico

.net

数据源

i++

干货

原创 2021-07-30 16:28:02 624 阅读

Echarts中tooltip的 formatter用法

tooltip: { trigger: 'item', //formatter: '{b}市 <br/>跨境网络零售:{c}亿元', show: true, formatter: function (params) { ...

json

干货

原创 2021-07-30 16:28:01 4606 阅读

JS截取base64图片格式上传，最佳的方式是split而不是replace

干货

原创 2021-07-30 16:28:00 803 阅读

ECHARTS异步加载的写法

<div id="myChart" style="width:400px;height:300px;margin:auto;"></div> <script type="text/javascript"> var myChart = echarts.init(document.getElementById('myChart')); $.get('ht...

json

javascript

字符串转换

数据加载

json数组

原创 2021-07-30 16:27:58 67 阅读

JS实现定时自动更换DIV或页面背景图片

一、确定DIV大小 body { margin: 0; padding: 0; } #event-types { width: 300px; height: 180px; }二、JS定时刷新背景; window.onload ...

定时刷新

i++

干货

原创 2021-07-30 16:27:57 619 阅读

Echarts雷达图异步加载数据实例

function fetchData(cb) { setTimeout(function () { cb({ data: [10, 89, 100, 90, 98, 90] }); }, 1000);}option = { title : { text: '介泠然家庭诚信值', ...

Echarts

数据

干货

原创 2021-07-30 16:27:55 524 阅读

漏刻有时版权保护代码无可逆解密方式

框架访问默认地址:document.writeln("<iframe id=\'mainFrame\' src=\'\' frameborder=\'0\' scrolling=\'yes\'></iframe>");;var encode_version = 'sojson.v5', cafvl = '__0x6ba55', __0x6ba55=['RwXDrHn...

2d

d3

3c

json

5e

原创 2021-07-30 16:27:53 197 阅读

Echarts参数属性学习Gird演示案例

Echarts参数属性学习Gird演示案例：在同一个DOM中，使用gird同时创建折线图和柱图，可高效的利用数据，同时对API的开发和对接有事半功倍的效果。var dataAll = [//创建数据数组； [10,8,9,23,34,56,87], [30,34,45,67,45,67,32]];option = { title:{ text:'漏刻...

数据可视化

echarts

折线图

数据

柱状图

原创 2021-07-30 16:27:51 355 阅读

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], .

json

缩放

推送

echarts

原创 2021-07-30 16:26:39 444 阅读

layui框架实战案例(3)：layui上传错误请求上传接口出现异常解决方案

问题描述：1、本地phpstudy部署，php 7.0.12， MySQL5.5.53 本地测试正常；2、服务器环境，宝塔配置部署WAMP，测试正常；异常情况：服务器环境windows 2016，phpstudy pro部署， php 7.3 ,MySQL5.7.6，出现上图错误。layui版本：v2.2.6 MIT 其实遇见这种问题是很奔溃，因为这个错误原因，事情往往是是干进度...

javascript

上传

php

百度

临时文件

原创 2021-07-30 16:26:02 4119 阅读

漏刻有时导入数据layUI上传提示“请求上传接口出现异常”的解决方案

分析问题：layui上传错误：请求上传接口出现异常解决方案提示如下错误:Incorrect integer value: '' for column 'vid' at row 1的错误;**官方解释说：**得知新版本mysql对空值插入有"bug",在安装mysql的时候去除默认勾选的enable strict SQL mode解决办法是重新配置mysql中的配置 my.ini默...

mysql

sql

上传

解决方案

新版本

原创 2021-07-30 16:26:00 516 阅读

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

模态框

数据

项目分析

点击事件

传递参数

原创 2021-07-30 16:25:58 219 阅读

layui框架实战案例(3)：使用多层嵌套json格式数据的使用templet解决方案

非官方标准的data数据json，在data数组中嵌套member和leader两个数组对象。{ "err": "", "res": "", "data": [ { "totalPays": "767320.60", "paid_at": "2020-06-20 18:03:33", "uniacid": "5", "name": "奶品牛小二-威海站", "member": [ { "me

数组

回调函数

数据格式

站点名

json

原创 2021-07-30 16:25:57 463 阅读

layui框架实战案例(4)：因内容安全策略导致弹出层模态框无法正常显示微信公众号文章使用window.open的解决方案

in a frame because an ancestor violates the following Content Security Policy directive: "frame-ancestors 'self'

弹出窗口

解决方案

layui

原创 2021-07-30 16:25:55 847 阅读

layui框架实战案例(6)：上传图片和视频自动调用IOS或安卓系统的摄像头功能

显示效果：安卓系统上传图片安卓系统上传视频苹果IOSIOS系统上传图片IOS系统上传视频layui解决代码上传图片<button class="layui-btn" id="test3" capture="user"><i class="layui-icon"></i>上传图片</button>上传视频 <button class="layui-btn" id="test5" capture="user" styl

ide

上传视频

上传图片

上传

ios系统

原创 2021-07-30 16:25:54 923 阅读

layui框架实战案例(7)：时间范围选择及时间处理的解决方案

项目需求使用laydate插件，实现在一个input表单内时间范围的选择。项目操作外部引入<script src="layui/layui.js"></script><link rel="stylesheet" href="layui/css/layui.css">HTML代码<div class="layui-row layui-col-space20"> <div> <div cl.

css

加载

表单

时间格式

获取参数

原创 2021-07-30 16:25:52 488 阅读

layui在当前页面弹出层的HTML

<div class="popup" id="popup1"> <div id="gender2" style="width:750px;height:550px;"></div></div><div class="popup" id="popup2"> <div id="ages2" style="width:

1024程序员节

html页面

弹出层

关闭按钮

调用函数

原创 2021-07-30 16:25:50 293 阅读

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

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

echarts

原创 2021-07-30 16:25:22 610 阅读

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

echarts

原创 2021-07-30 16:25:22 336 阅读

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

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

json

xml

主文件

json格式

javascript

原创 2021-07-30 16:25:20 670 阅读

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

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

数据

数据读取

解决方案

ajax

请求数据

原创 2021-07-30 16:25:18 331 阅读

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

html

ajax

jquery

带参数

加载

原创 2021-07-30 16:25:16 318 阅读

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

文件引入  <script src="js/echarts.min.js"></script>  <script src="js/vue.js"></script> <script src="js/axios.min.js"></script>  .

json

ios

数据

vue.js

图表库

原创 2021-07-30 16:25:15 190 阅读

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

图片对象路径var weatherIcons = { 'Sunny': ROOT_PATH + '/data/asset/img/weather/sunny_128.png', 'Cloudy': ROOT_PATH + '/data/asset/img/weather/cloudy_128.png', 'Showers': ROOT_PATH + '/data/asset/img/weather/showers_128.png'};X轴富文本 xAxis: { .

ico

apache

富文本

对象路径

样式表

原创 2021-07-30 16:25:13 766 阅读

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

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

ico

数据

apache

提示框

echarts

原创 2021-07-30 16:25:11 1882 阅读

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

在从后端获取数据后，如果进行均值类的计算，需要除法运算，往往会出现分母为0 的情况。分母为0，在计算出的结果为无穷大，显示为NaN，导致Echarts的折线图中出现断点。如图：理想的折线图，如果不存在数据，断点自动相连。需要对获取的数据进行处理，分母为0替换成其他数据，显示为0既不影响图表表达的涵义，图表也更加美观。解决方案： for (var i = 0; i <= arrLen; i++) { dataName.push

数据

折线图

解决方案

获取数据

i++

原创 2021-07-30 16:25:09 156 阅读

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

见：《MySQL实战基础知识入门(10)：今天、昨天、近7天、近30天在一个筛选语句内实现的解决方案》上文是时间段的数据合计统计；见《MySQL实战基础知识入门(3)：近7日销量合计php后端mysql语句如果当日为空则自动补0的解决方案》上文是最近七日每日的分别统计。如果只是为了7天，写那么字段也就算了。但是遇见了统计30天内每天的数据时，是不是哭了呢？新的MYSQL筛选语句： $sql = "select DATE_FORMAT(a.paid_at,'%Y-%m-%d') .

mysql

sql

数据

解决方案

字段

原创 2021-07-30 16:25:07 435 阅读

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

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

数据

折线图

折线

echarts

原创 2021-07-30 16:25:05 1417 阅读

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

数据APIlet xdata = ['2019-06-12', '2019-09-15', '2020-01-10', '2020-03-05', '2020-04-12', '2020-05-18', '2020-06-12', '2020-07-07'], data = [120, 90, 10, 80, 90, 20, 56, 150], infoData = ['漏刻有时发布', '数据分析系统', '磐安旅游签到', '物联网停车场', '刷脸支付大屏', '扎根版开发', '.

数据

智慧城市

5e

数据分析系统

物联网

原创 2021-07-30 16:25:04 343 阅读

官方博客	全部文章	热门标签	班级博客
了解我们	网站地图	意见反馈

鸿蒙开发者社区	51CTO学堂
51CTO	软考资讯

51CTO博客

漏刻有时

JSON转数组后，筛选分组并输出，判断键值键值是否存在补0

百度地图标注maker图标按照分类显示不同的样式

Echarts中tooltip的 formatter用法

JS截取base64图片格式上传，最佳的方式是split而不是replace

ECHARTS异步加载的写法

JS实现定时自动更换DIV或页面背景图片

Echarts雷达图异步加载数据实例

漏刻有时版权保护代码无可逆解密方式

Echarts参数属性学习Gird演示案例

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

layui框架实战案例(3)：layui上传错误请求上传接口出现异常解决方案

漏刻有时导入数据layUI上传提示“请求上传接口出现异常”的解决方案

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

layui框架实战案例(3)：使用多层嵌套json格式数据的使用templet解决方案

layui框架实战案例(4)：因内容安全策略导致弹出层模态框无法正常显示微信公众号文章使用window.open的解决方案

layui框架实战案例(6)：上传图片和视频自动调用IOS或安卓系统的摄像头功能

layui框架实战案例(7)：时间范围选择及时间处理的解决方案

layui在当前页面弹出层的HTML

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

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

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

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

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

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

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

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

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

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

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

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

欢迎