- 博客(26)
- 收藏
- 关注
原创 三目表达式
liArr[i].style.backgroundColor = num % 2 == 0 ? 'pink' :'red' 三目表达式里面的条件语句,是双等号
2018-11-30 10:43:34 573
原创 JS容易出现的又容易被忽略的小错误
JS中会用好好多次,变量命名,样式命名,ID命名。并且,会多次引用变量名,样式名,ID名。再次引用的时候,很容易写错,所以,一定要复制,不要自己背着写,这些小错误,很容易被忽略,却影响整个程序。...
2018-11-27 11:00:34 168
原创 Echart中的data
Echart中的实例,有的数据不是本地的,可以查其它同类实例的数据(数据是本地的),还有官网上,每个类型的图表,都有本地数据的标准格式
2018-11-26 11:07:32 1372
原创 自定义对象(构造函数)
自定义对象=====构造函数自定义对象就像一个仓库,存储着属性(变量)和方法(构造函数里写的函数方法)。自定义对象也像是一个人,他有姓名,身高,体重(属性),他可以去帮你取东西,能帮你做饭,能帮你打扫房间(方法)。 document.getElementById("")这个获取的是元素,也是一个对象,对象里面早就定义好的方法可以调用,比如click。document也是一个对象。....
2018-11-25 08:56:56 1108
原创 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 458
原创 脱离文档流
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 289
原创 工作经验点滴记录
最新版的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 3434
原创 Echart
// 基于准备好的dom,初始化echarts实例 var myChart = echarts.init(document.getElementById('x_count_echart')); // 指定图表的配置项和数据 var option = { color: ['#52BEDB'], //柱状图的颜色 ...
2018-11-08 13:25:44 148
原创 echarts改变折线图和折线点的颜色
最近在做echart,每次更新一点,记录一点完成之后方便进行大的总结//(1)改变折线点和折线的颜色series: [ { name: "温度",//鼠标放在折线点上显示的名称 type: "line",//折线图 symbol: 'circle',//折线点设置为实心点 symbolSize: 4, //折线点的大小 ...
2018-11-08 13:16:49 22165
原创 echart折线图,柱状图,饼图设置颜色
好记性不如烂笔头!!!1、折线图修改颜色: xAxis: { type: 'category', boundaryGap: false, data: ['年龄','20岁以下','30岁','40岁','50岁','60岁','60岁以上'] }, yAxis: { ty...
2018-11-06 17:47:13 2518
原创 修改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 11334 1
原创 div超出宽度自动换行
div{ width: 500px;word-break: break-all;word-wrap: break-word; }
2018-11-05 11:10:59 1457
原创 string
字符串(羊肉串)其实是有顺序的数组,可以用for循环遍历,获取字符串的长度也可以像数组一样,用.lengththis.value的长度也可以用.length来获取
2018-11-02 11:41:36 102
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人