ECHARTS

-----JS遍历对象-----
            function obj2string(o){
                var r = [];
                if (typeof o == "string") {
                    return "\"" + o.replace(/([\'\"\\])/g, "\\$1").replace(/(\n)/g, "\\n").replace(/(\r)/g, "\\r").replace(/(\t)/g, "\\t") + "\"";
                }
                if (typeof o == "object") {
                    if (!o.sort) {
                        for (var i in o) {
                            r.push(i + ":" + obj2string(o[i]));
                        }
                        if (!!document.all && !/^\n?function\s*toString\(\)\s*\{\n?\s*\[native code\]\n?\s*\}\n?\s*$/.test(o.toString)) {
                            r.push("toString:" + o.toString.toString());
                        }
                        r = "{" + r.join() + "}";
                    }
                    else {
                        for (var i = 0; i < o.length; i++) {
                            r.push(obj2string(o[i]))
                        }
                        r = "[" + r.join() + "]";
                    }
                    return r;
                }
                return o.toString();
            }

 1、JS定义变量时加var和不加var的区别  

a.在函数作用域内 加var定义的变量是局部变量,不加var定义的就成了全局变量。
b.在全局作用域下,使用var定义的变量不可以delete,没有var 定义的变量可以delete.也就说明隐含全局变量严格来说不是真正的变量,而是全局对象的属性,因为属性可以通过delete删除,而变量不可以。
c.使用var 定义变量还会提升变量声明,即
使用var定义: function hh(){ console.log(a); var a = 'hello world'; } hh() //undefined
不使用var定义: function hh(){ console.log(a); a = 'hello world'; } hh() // 'a is not defined'
这就是使用var定义的变量的声明提前。
d.在ES5的'use strict'模式下,如果变量没有使用var定义,就会报错。 

2、 js数组添加字符

     push() 方法可向数组的末尾添加一个或多个元素,该方法会改变数组的长度。concat() 方法用于连接两个或多个数组。该方法不会改变现有的数组,而仅仅会返回被连接数组的一个副本。

3、开发echart图形步骤:

第一步,引入开发包echarts.js,和需要的主题文件。2.0以后上的版本,需要把开发包放到body下,否则ie低版本会出现属性未找到的错误,导致图标初始化失败。
第二步,普通初始化图表,通过调用开发包方法,有两种初始化方式,一般建议使用第一种方法进行初始化操作。
1.var myChart = echarts.init(document.getElementById("echart"));
2.var myChart=require('echarts').init(document.getElementById("echart"));
第三步,设置option属性,来给图表设置数据,option是数组元素。title:左上角显示标题,tooltip:图形数据提示框,legend图例,calculable可设置是否拖拽,series设置数据(data类型也为数组类型)。

4、定义option

 

posted on 2016-11-08 11:44  lanshure  阅读(232)  评论(0编辑  收藏  举报

导航