自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(26)
  • 收藏
  • 关注

原创 三目表达式

liArr[i].style.backgroundColor =  num % 2 == 0 ? 'pink' :'red' 三目表达式里面的条件语句,是双等号

2018-11-30 10:43:34 573

原创 if语句

if语句的条件语句 () 里面的等号是双等   ==   不等于用!=    总弄错,总用一个等号‘=’,忘记用两个等号‘==’

2018-11-28 10:57:35 238

原创 JS容易出现的又容易被忽略的小错误

JS中会用好好多次,变量命名,样式命名,ID命名。并且,会多次引用变量名,样式名,ID名。再次引用的时候,很容易写错,所以,一定要复制,不要自己背着写,这些小错误,很容易被忽略,却影响整个程序。...

2018-11-27 11:00:34 167

原创 Echart中的data

Echart中的实例,有的数据不是本地的,可以查其它同类实例的数据(数据是本地的),还有官网上,每个类型的图表,都有本地数据的标准格式

2018-11-26 11:07:32 1372

原创 自定义对象(构造函数)

自定义对象=====构造函数自定义对象就像一个仓库,存储着属性(变量)和方法(构造函数里写的函数方法)。自定义对象也像是一个人,他有姓名,身高,体重(属性),他可以去帮你取东西,能帮你做饭,能帮你打扫房间(方法)。 document.getElementById("")这个获取的是元素,也是一个对象,对象里面早就定义好的方法可以调用,比如click。document也是一个对象。....

2018-11-25 08:56:56 1107

原创 Echart圆形的树状图

Echart里面有树状图和关系图是有区别的要根据数据的特点选择用哪一个关系图大多是圆的,表面看上去,跟圆形的树状图很像,但是,实质的数据关系是不一样的。选择图表的类别很重要。一开始选错了,结果就都错了,尽力做的都没有用。...

2018-11-23 18:00:36 2283

原创 SVG转换成字体,把图标做字体在HTML中使用

打开Iconfont-阿里巴巴矢量图标库的首页,在阿里里面可以把svg转成字体格式,生成字体文件和css文件;使用的时候,在项目中引用字体文件,和css,在html中,加上字体图标的样式名就可以了。网站生成的css文件,里面引入了网站生成的图标字体文件,当在自己写的文件里,引入生成的css文件时候,要改一下,css里面的引入字体文件的路径;整个项目的图标要放到一个项目里。有新增的图...

2018-11-21 18:13:04 1663

原创 JS排序------------- sort() 方法

例: 1.不传参数,将不会按照数值大小排序,按照字符编码的顺序进行排序;var arr = ['General','Tom','Bob','John','Army'];        var resArr = arr.sort();        console.log(resArr);//输出   ["Army", "Bob", "General", "John", "Tom"] ...

2018-11-21 10:19:34 457

原创 脱离文档流

div要移动,添加动画,要脱离本来的文档流把div脱离文档里:+position:absolute;top:10px;left:10px;right:10px;bottom:10px; div的父级元素里:+position:relative 因为,正常div是排队的。...

2018-11-19 17:21:10 301

原创 给div添加滚动条

最简单的方法:  <div style="height:300px;width:100px;overflow:auto"><div/>(height和width根据需求设定)    注意:如果只写height就只有垂直滚动条,只写width就只有水平滚动条,都不写没有效果。还有这里overflow设置为auto,也就说是如果你的页面高度大于300px就会出现滚动条,...

2018-11-16 18:22:23 191

原创 双引号与单引号

变量的拼接,用双引号;JSon数据用双引号;当里面是双引号的时候,外面要用单引号;外双内单,外单内双;对象.innerHTML=‘< img src="images/bg-1"  alt="美女”  />’;其它时候,用单引号或双引号都可以;...

2018-11-16 13:38:24 135

原创 切图的图标项目结束后,要留源文件

图标要留源文件,这样改的时候,会很快。图标有很多时候是一个类型的,留一个源文件,就把同类型相似却不同的样式全保存了,只是有的隐藏了。需求会总变,源文件留下,改就方便了...

2018-11-15 16:53:11 288

原创 工作经验点滴记录

最新版的Echart4.0比2.0容易用,很多需要原生JS写的部分,都被4.0设置成了新配置。用的时候,可以查找官网上的配置项  css3选择列表的奇数行ul li:nth-child(odd){/*奇数行*/         background-color: #f2f2f2;        }ul li:nth-child(even){/*偶数行*/       ...

2018-11-14 10:42:37 156

原创 Echarts图表里面如果有按钮,下拉菜单,用绝对定位,不会占用图表的位置,否则会影响图表效果

CSS 如何进行绝对定位详解绝对定位的父级元素要设置相对定位1.绝对定位属性:position 值: absolute 通过指定left,top绝对定位一个元素设置了绝对定位的元素,相当于该元素被从原文档中删除了 所以”正常文字4“会紧接着出现在 ”正常文字2“后面,而不会留下空档<style>p.abs{  position: absolute;  ...

2018-11-09 17:55:00 1542

原创 用排除法找出现问题的原因,别死钻牛角尖

Echart写X轴左右正负浮动的时候,柱状图X移到负向,得把数据变成负数,但是页面显示的得是正数,就需要用绝对值的函数来处理,formatter:函数。加上函数之后,效果一直没实现,找了很久原因,一直以为是函数写错了,或者用的Echart版本太低。后来发现是下面有重名的函数。formatter:函数。出现了两次,没用的那个把有用的覆盖了。所有函数没生效。一般出现的问题都是小问题,容易被忽略...

2018-11-09 13:54:34 212

原创 echarts图Y周坐标轴文字过长的解决方案

解决方案在翻看echarts文档的过程中我看到了坐标轴文字可以自行定义模板,于是想到了我给一个固定12的字数限制,超出部分以省略号代替,这样就不会造成图形范围忽大忽小了。axisLabel: {  color: "#000",  interval: 0,  formatter: function(value) {    if (value.length > 12) {   ...

2018-11-09 12:51:00 1227

转载 Echart怎么把X轴反转

具体实现代码如下 解决echarts 负轴,浮动负数,等的显示function chart_rkk(){    var rkkchart=echarts.init(document.getElementById('rkkDiv'));    var ageArea = [ '0~10','11~30','30~60','60~100','100以上'];    var FbarData...

2018-11-08 17:00:03 3433

原创 Echart

 // 基于准备好的dom,初始化echarts实例        var myChart = echarts.init(document.getElementById('x_count_echart'));         // 指定图表的配置项和数据        var option = {            color: ['#52BEDB'], //柱状图的颜色   ...

2018-11-08 13:25:44 147

原创 echarts改变折线图和折线点的颜色

最近在做echart,每次更新一点,记录一点完成之后方便进行大的总结//(1)改变折线点和折线的颜色series: [    {      name: "温度",//鼠标放在折线点上显示的名称      type: "line",//折线图      symbol: 'circle',//折线点设置为实心点      symbolSize: 4,   //折线点的大小     ...

2018-11-08 13:16:49 22159

原创 echart折线图,柱状图,饼图设置颜色

好记性不如烂笔头!!!1、折线图修改颜色: xAxis: {           type: 'category',           boundaryGap: false,           data: ['年龄','20岁以下','30岁','40岁','50岁','60岁','60岁以上']       },       yAxis: {           ty...

2018-11-06 17:47:13 2514

原创 修改bootstrap下拉菜单的宽度

<!-- Single button --><div class="btn-group"> <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded=&

2018-11-06 15:51:57 11329 1

原创 div超出宽度自动换行

div{ width: 500px;word-break: break-all;word-wrap: break-word; }

2018-11-05 11:10:59 1457

原创 毫秒转日期

var dt = new Date();dt.valueOf();dt2 = new Date(dt.valueOf());

2018-11-04 12:53:50 955

原创 数组

清空数组  var arr = [1,5,7,8];arr.length = 0;

2018-11-04 12:52:04 82

原创 JS中DOM操作基础(一)

事件(行为,操作)--------------------     触发事件                                                             注册事件                                                             事件响应                          ...

2018-11-04 12:41:52 361

原创 string

字符串(羊肉串)其实是有顺序的数组,可以用for循环遍历,获取字符串的长度也可以像数组一样,用.lengththis.value的长度也可以用.length来获取

2018-11-02 11:41:36 102

空空如也

空空如也

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

TA关注的人

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