轻风吹斜阳-CSDN博客

原创小程序图片设置display:inline-block;没有与字体对齐

图片添加 display:inline-block; 属性时图片没有与字对齐解决方法：添加 vertical-align:top; 属性

2018-10-24 13:06:21 1910

原创微信小程序-AES，ECB，Pkcs7加密解密

var Aes = require('crypto-js.js'); //引用AES源码jsvar key = Aes.enc.Utf8.parse(" 十六位十六进制数作为秘钥"); var iv = Aes.enc.Utf8.parse('十六位十六进制数作为秘钥偏移量'); //加密方法function Aese(secretPwd){var secretPwd = se...

2018-07-23 12:10:40 2523

原创 gulp一些内容

gulp运行时报错，缺少某个模块，解决办法：直接安装模块就好。创建package.json文件 npm initcnpm install gulp-sass --save-devcnpm install gulp-rename --save-devcnpm install gulp-minify-css --save-devcnp

2017-11-21 12:00:52 314

原创 require中exports和module.exports

require(['js/reqs.js'],function(reqo){reqo.moex();reqo.moexo()});//js文件第一种内容define(['module'],function(module){module.exports = {moex:function(){alert('1')},moexm:function(){al

2017-11-21 11:48:12 464

原创 ECharts2.0报错'__animators' of undefined原因

因为legend数组中的数据重复了，原因是echart初始化时会删除上次的图画中的内容，如果上次的图画中的内容有错误，此时汇报这个错误。

2017-10-17 21:11:21 1895

原创父元素设置min-height子元素设置100%问题

父元素设置min-height子元素高度设置100%取不到值，这是因为子元素 div设置 height:100%；只有当父级元素满足min-height:1000px;设置的条件才触发；浏览器默认是不会触发的，所以子元素的100%的高度继承就失效了。min-height 是在 height 计算之后再套用的.解决方法：给父元素加绝对定位，然后子元素加相对定位，这样子元素的高度就会根据父元素的高

2017-09-27 18:15:08 13745 2

原创 ECharts2.0横向显示柱状图

// 柱状图right HistogramR:function(HistogramData){ // 图表释放------------------- ec.init(document.getElementById(HistogramData.id)).dispose(); //

2017-09-27 17:58:46 3573

原创 ECharts2.0柱状图横向显示

option = { tooltip : { trigger: 'axis', axisPointer : { // 坐标轴指示器，坐标轴触发有效 type : 'shadow' // 默认为直线，可选为：'line' | 'shadow' }, forma

2017-09-27 17:52:25 1829

原创 echarts-2.2.7标准面积图颜色渐变

var myChar11 = ec.init(document.getElementById('box-11')); myChar11.setOption({ title : { text: '某楼盘销售情况', subtext: '纯属虚构' }, tooltip : { trigger: 'a

2017-08-10 11:26:26 7211 1

原创 echarts-2.2.7柱状颜色渐变

var myChar11 = ec.init(document.getElementById('box-11')); myChar11.setOption({ title : { text: '某楼盘销售情况', subtext: '纯属虚构' }, tooltip : { trigger: 'a

2017-08-10 11:18:35 3122

原创 ECharts3.0柱状图隐藏y轴和x轴

var dataNum = ["100","200","300","400","500","600"]; var myChart = echarts.init(document.getElementById('box-four')); option ={ title : { text: '',

2017-08-03 10:38:27 11991

原创 echarts-2.2.7柱状图隐藏y轴和x轴

var dataNum = ["100","200","300","400","500","600"]; var myChartfour = ec.init(document.getElementById('box-four')); myChartfour.setOption({ title : { text: '',

2017-08-02 16:22:35 4273

原创 Echarts中legend图形和字体颜色改变

optiontwo = { title : { text: '某站点用户访问来源', subtext: '纯属虚构', x:'center' }, tooltip : { trigger: 'item', formatter: "{a} {b} : {c} ({d}%)" },

2017-08-01 17:23:31 20221

转载 js中的||与&&用法

1、||（逻辑或）只有前后都是false的时候才返回false，否则返回true。alert(2||1);//2前面2是true,后面1也是true,结果是2,?alert('a'||1);//'a'前面'a'是true，后面1也是true;测试结果是'a',?alert(''||1);//

2017-07-27 11:22:44 22082 1

原创移动端正方形高度自适应

使用margin/padding的百分比值来解决自适应高度的关键在于：容器margin/padding的百分比参照物是父元素的宽度，而容器的width的百分比参照物也是父元素的宽度，俩属性参照物一致，那么想要把这俩属性的值统一起来就简单了。margin*{margin: 0;padding: 0;} body,html{wi

2017-06-17 20:29:18 1631

原创 echarts柱状图虚线显示

最后一个柱状图虚线显示option = { color: ['#3398DB'], tooltip : { trigger: 'axis', axisPointer : { // 坐标轴指示器，坐标轴触发有效 type : 'shadow' // 默认为直线，可选为：'

2017-06-17 19:48:13 28864 2

原创 echarts折线图实线加虚线

var weiChart = echarts.init(document.getElementById('box'));option = { title: { text: '折线图堆叠' }, tooltip: { trigger: 'axis' }, legend: { data:['邮件营销','联盟广

2017-06-17 16:50:29 7140

原创 echarts折线图分段显示不同颜色

var weiChart = echarts.init(document.getElementById('box'));option = { title: { text: '折线图堆叠' }, tooltip: { trigger: 'axis' }, legend: { data:['邮件营销','联盟广

2017-06-17 16:41:03 7353 1

原创 echarts 实线改变成虚线

option = { title: { text: '折线图堆叠' }, tooltip: { trigger: 'axis' }, legend: { data:['邮件营销','联盟广告','视频广告','直接访问','搜索引擎'] }, grid: {

2017-06-17 16:26:15 60977 1

转载 canvas圆形扩散

var canvasList = document.getElementById('box'); var canvas = document.createElement('canvas'); canvasList.appendChild(canvas); canvas.width = 600; //☜ canvas.height = 600;

2017-06-08 23:02:48 1650

原创 canvas动画圆形扩散

var canvasList = document.getElementById('box'); var canvas = document.createElement('canvas'); canvasList.appendChild(canvas); canvas.width = 600; // canvas.height = 600;

2017-06-08 22:52:44 2633

原创实现左边固定宽度右边自适应布局

第一种 #box{width: 100%;background: red;overflow:hidden;} #lef{float:left;width: 300px;height: 300px;background: blue;} #rig{margin-left: 310px;background: pink;height: 500px;}

2017-06-07 12:51:01 408

原创 ECharts坐标轴是否显示和修改显示颜色改变字体颜色

var myChart = echarts.init(document.getElementById('box'));option = { color: ['#3398DB'], title: { text: '总收益', x:'center',

2017-04-07 15:43:12 17662

转载 localStorage使用总结

一、什么是localStorage、sessionStorage在HTML5中，新加入了一个localStorage特性，这个特性主要是用来作为本地存储来使用的，解决了cookie存储空间不足的问题(cookie中每条cookie的存储空间为4k)，localStorage中一般浏览器支持的是5M大小，这个在不同的浏览器中localStorage会有所不同。二、localStorag

2017-02-22 10:57:05 303

原创百度地图自定义覆盖物自定义信息框

var timeOut=null; // 添加弹出框数据 var data_infoveh = [ [117.215914,39.190908,'1','30','0001','12345678','2016年12月30日',100,'1:30',], [129.404425,37.669868,'2','30','000

2017-01-10 16:27:48 7318

原创百度地图canvas自定义轨迹

//将地图坐标转换成像素 //基本参数开始 MCBAND = [12890594.86, 8362377.87, 5591021, 3481989.83, 1678043.12, 0] LLBAND = [75, 60, 45, 30, 15, 0] MC2LL = [[1.410526172116255e-8, 0.000008983055

2017-01-10 15:15:51 5995 1

原创 H5统计数据图

*{margin: 0; padding: 0;} html,body{ width:100%; height:100%; background:#f7f7f8; margin:0 auto; font-

2017-01-10 11:06:37 3792

原创 ECharts浮动柱状图

function cityTimeCount(){ var myChartOne = echarts.init(document.getElementById('cityTimeCount')); optionOne = { tooltip : { trigger: 'axis', axisPointer :

2017-01-10 10:14:11 2227

原创 ECharts地图应用图片定位

function CityMaptwo(){ var qmyChartCity = echarts.init(document.getElementById('boxMap')); // 签约城市 var qciytData = [ {name: '海门', valu

2017-01-09 19:22:33 3255 2

原创 ECharts地图应用定位

// 地图function CityMap(){ var myChartCity = echarts.init(document.getElementById('boxMap')); var ciytData = [ {name: '海门', value: 0},

2017-01-09 19:16:24 5726

原创 ECharts堆叠区域图重叠显示

regionalMap();function regionalMap(){ var myChartFour = echarts.init(document.getElementById('regionalMap')); optionFour = { title: { text

2017-01-09 19:07:01 16046 1

原创 Echarts自定义formatter