PC端
文章平均质量分 74
轻风吹斜阳
征服天堂
展开
-
ECharts基本设置设置
theme = { // 全图默认背景 // backgroundColor: ‘rgba(0,0,0,0)’,// 默认色板color: ['#ff7f50','#87cefa','#da70d6','#32cd32','#6495ed', '#ff69b4','#ba55d3','#cd5c5c','#ffa500','#40e0d0', '#1e转载 2017-01-09 16:27:00 · 9022 阅读 · 0 评论 -
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 · 1677 阅读 · 0 评论 -
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 · 2659 阅读 · 0 评论 -
Echarts中legend图形和字体颜色改变
optiontwo = { title : { text: '某站点用户访问来源', subtext: '纯属虚构', x:'center' }, tooltip : { trigger: 'item', formatter: "{a} {b} : {c} ({d}%)" },原创 2017-08-01 17:23:31 · 20376 阅读 · 0 评论 -
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 · 3138 阅读 · 0 评论 -
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 · 7221 阅读 · 1 评论 -
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 · 4309 阅读 · 0 评论 -
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 · 12023 阅读 · 0 评论 -
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 · 22096 阅读 · 1 评论 -
ECharts2.0柱状图横向显示
option = { tooltip : { trigger: 'axis', axisPointer : { // 坐标轴指示器,坐标轴触发有效 type : 'shadow' // 默认为直线,可选为:'line' | 'shadow' }, forma原创 2017-09-27 17:52:25 · 1852 阅读 · 0 评论 -
ECharts2.0横向显示柱状图
// 柱状图right HistogramR:function(HistogramData){ // 图表释放------------------- ec.init(document.getElementById(HistogramData.id)).dispose(); //原创 2017-09-27 17:58:46 · 3594 阅读 · 0 评论 -
父元素设置min-height子元素设置100%问题
父元素设置min-height子元素高度设置100%取不到值,这是因为子元素 div设置 height:100%;只有当父级元素满足min-height:1000px;设置的条件才触发;浏览器默认是不会触发的,所以子元素的100%的高度继承就失效了。min-height 是在 height 计算之后再套用的.解决方法:给父元素加绝对定位,然后子元素加相对定位,这样子元素的高度就会根据父元素的高原创 2017-09-27 18:15:08 · 13844 阅读 · 2 评论 -
ECharts2.0报错'__animators' of undefined原因
因为legend数组中的数据重复了,原因是echart初始化时会删除上次的图画中的内容,如果上次的图画中的内容有错误,此时汇报这个错误。原创 2017-10-17 21:11:21 · 1913 阅读 · 0 评论 -
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 · 477 阅读 · 0 评论 -
实现左边固定宽度右边自适应布局
第一种 #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 · 416 阅读 · 0 评论 -
移动端正方形高度自适应
使用margin/padding的百分比值来解决自适应高度的关键在于:容器margin/padding的百分比参照物是父元素的宽度,而容器的width的百分比参照物也是父元素的宽度,俩属性参照物一致,那么想要把这俩属性的值统一起来就简单了。margin*{margin: 0;padding: 0;} body,html{wi原创 2017-06-17 20:29:18 · 1636 阅读 · 0 评论 -
Echarts自定义formatter
*{margin: 0; padding: 0;} html,body{ width:100%; height:100%; background:#f7f7f8; margin:0 auto; font-原创 2017-01-09 18:58:31 · 10198 阅读 · 0 评论 -
ECharts地图应用定位
// 地图function CityMap(){ var myChartCity = echarts.init(document.getElementById('boxMap')); var ciytData = [ {name: '海门', value: 0},原创 2017-01-09 19:16:24 · 5742 阅读 · 0 评论 -
ECharts堆叠区域图重叠显示
regionalMap();function regionalMap(){ var myChartFour = echarts.init(document.getElementById('regionalMap')); optionFour = { title: { text原创 2017-01-09 19:07:01 · 16083 阅读 · 1 评论 -
ECharts浮动柱状图
function cityTimeCount(){ var myChartOne = echarts.init(document.getElementById('cityTimeCount')); optionOne = { tooltip : { trigger: 'axis', axisPointer :原创 2017-01-10 10:14:11 · 2243 阅读 · 0 评论 -
H5统计数据图
*{margin: 0; padding: 0;} html,body{ width:100%; height:100%; background:#f7f7f8; margin:0 auto; font-原创 2017-01-10 11:06:37 · 3814 阅读 · 0 评论 -
百度地图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 · 6010 阅读 · 1 评论 -
百度地图自定义覆盖物自定义信息框
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 · 7332 阅读 · 0 评论 -
localStorage使用总结
一、什么是localStorage、sessionStorage在HTML5中,新加入了一个localStorage特性,这个特性主要是用来作为本地存储来使用的,解决了cookie存储空间不足的问题(cookie中每条cookie的存储空间为4k),localStorage中一般浏览器支持的是5M大小,这个在不同的浏览器中localStorage会有所不同。 二、localStorag转载 2017-02-22 10:57:05 · 310 阅读 · 0 评论 -
ECharts坐标轴是否显示和修改显示颜色改变字体颜色
var myChart = echarts.init(document.getElementById('box'));option = { color: ['#3398DB'], title: { text: '总收益', x:'center',原创 2017-04-07 15:43:12 · 17688 阅读 · 0 评论 -
echarts 实线改变成虚线
option = { title: { text: '折线图堆叠' }, tooltip: { trigger: 'axis' }, legend: { data:['邮件营销','联盟广告','视频广告','直接访问','搜索引擎'] }, grid: {原创 2017-06-17 16:26:15 · 61098 阅读 · 1 评论 -
echarts折线图分段显示不同颜色
var weiChart = echarts.init(document.getElementById('box'));option = { title: { text: '折线图堆叠' }, tooltip: { trigger: 'axis' }, legend: { data:['邮件营销','联盟广原创 2017-06-17 16:41:03 · 7389 阅读 · 1 评论 -
echarts折线图实线加虚线
var weiChart = echarts.init(document.getElementById('box'));option = { title: { text: '折线图堆叠' }, tooltip: { trigger: 'axis' }, legend: { data:['邮件营销','联盟广原创 2017-06-17 16:50:29 · 7147 阅读 · 0 评论 -
echarts柱状图虚线显示
最后一个柱状图虚线显示option = { color: ['#3398DB'], tooltip : { trigger: 'axis', axisPointer : { // 坐标轴指示器,坐标轴触发有效 type : 'shadow' // 默认为直线,可选为:'原创 2017-06-17 19:48:13 · 29012 阅读 · 2 评论 -
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 · 320 阅读 · 0 评论