js数组特定位置元素置空,非null和undefined,实现echarts现状图效果;谷歌格式化压缩js代码
2016-02-19 11:55
771 查看
一、想要实现eCharts线状图表的断点效果,如图(后来又查到数据格式为data:['-', 2, 3,'-' , 5, 6, 7];也可以断点显示)
![](http://images2015.cnblogs.com/blog/705942/201602/705942-20160219112706050-1808877526.png)
这种效果,在设置数据的时候应该是这样: data:[, 2, 3, , 5, 6, 7];但是想要动态添加数据,实现方式有两种
1、拼接字符串法:var str='[, 2, 3, , 5, 6, 7]';var arr=eval(str);
2、改变数组长度法:
var arr=[];
for(var i=1;i<8;i++){
if(i==1||i==4){
arr.length=arr.length+1;
continue;
}
arr.push(i);
}
二、格式化谷歌调试下的压缩js代码
如图为谷歌浏览器下压缩代码
![](http://images2015.cnblogs.com/blog/705942/201602/705942-20160219115025456-1260669886.png)
点击下面的{}符号,便可以格式化压缩代码了
![](http://images2015.cnblogs.com/blog/705942/201602/705942-20160219112706050-1808877526.png)
这种效果,在设置数据的时候应该是这样: data:[, 2, 3, , 5, 6, 7];但是想要动态添加数据,实现方式有两种
1、拼接字符串法:var str='[, 2, 3, , 5, 6, 7]';var arr=eval(str);
2、改变数组长度法:
var arr=[];
for(var i=1;i<8;i++){
if(i==1||i==4){
arr.length=arr.length+1;
continue;
}
arr.push(i);
}
二、格式化谷歌调试下的压缩js代码
如图为谷歌浏览器下压缩代码
![](http://images2015.cnblogs.com/blog/705942/201602/705942-20160219115025456-1260669886.png)
点击下面的{}符号,便可以格式化压缩代码了
![](http://images2015.cnblogs.com/blog/705942/201602/705942-20160219115417050-717256772.png)
相关文章推荐
- Javascript跨域
- js注册登录审核
- Flash和JavaScript通信
- 用javaScript对table的n条记录添加颜色
- JSTL简介
- JavaScript深度复制(deep clone)的实现方法
- CommonJS
- JSP编程去除空白行
- seajs
- JSON序列化
- 五种JSP页面跳转方法详解
- SeaJS学习(一)
- JSP页面之${fn:}内置函数
- 动态加载JS脚本的4种方法
- [js编程题]添加元素 slice splice
- 测试浏览器性能
- JS中的数值显示与处理
- Errors occurred during the build. Errors running builder 'JavaScript Validator' on project 'XXX'.
- 深入理解JavaScript-replace
- 深入理解Delete(JavaScript)