Echarts的使用和学习心得体会

因为项目的原因,最近学习了Echarts插件,在开发过程中碰见许多的问题。问题大多数都是些无足轻重的,在这里主要是想把自己在学习期间的心得感悟写出来,以便大家参考和学习。

一、Echarts的下载方式

百度有两处下载地方,并有与之对应的API文档和实例等。

1.echarts.min.js

           下载地址:http://echarts.baidu.com/download.html    如下图:

可以根据自身需求选择不同的版本,因为后期的升级等,我下载的是完整版。

2.echarts.js/echarts-all.js

             下载地址:http://echarts.baidu.com/echarts2/doc/example.html    如下图:

这个可以根据个人的喜好和习惯去下载不同的版本,我在使用的时候,用的是echarts-2.2.7(from baidu)这个版本的。

    二、Echarts的使用心得体会

在使用的时候,直接引入echarts的JS库文件即可,引入的方法就不说了,大家可自行百度。下面说说初学Echarts时,可能会走的一些误区。

1、只看实例,忽略API文档

所谓无规矩,不方圆。虽然实例看起来很快就能上手,但要运用流畅还是要多研究API文档,因为文档会把所有的组件和属性都一一注明。先看文档,了解大致的术语和使用方法,再去看实例,学习的效率比起只看实例要事半功倍。

2、对应版本,对应各自的文档

因为是两个种JS库文件,因此在学习和使用时根据相对应的API文档去学习和查看。比如:在echarts.min.js和echarts-all.js对应的文档中,对toolbox组件内的图标颜色定义的方式是不同的。

在echarts.min.js对应的文档中,toolbox组件中的图标颜色定义如下代码:

默认是灰色的,点击后变成蓝色。对应的效果图如下:

而在echarts-all.js对应的文档中,对图标的颜色定义则是如下代码:

color属性可以是一个数组,当有几个图标时,数据内依次定义几个所需的颜色值,其在页面渲染时会自动根据顺序渲染。

3、不明白时,反复研究文档和实例。

所谓勤能补拙,多练习几次,就会明白真谛。虽然道理每个人都懂,但真的实施起来,却不见得每个人都能成功。因此,练习的次数是很重要的。

             4、成功克服困难 = 忍受寂寞  +  反复思考 

成功其实就像沙漠中的绿洲,看似近在眼前,其实相差甚远。在到达成功的彼岸之前,要学会忍受寂寞,要善于反复思考问题,然后不断的总结。在笔者看来,无论做任何事,模式都是差不多的。要想成功克服困难,就要能耐得住寂寞,在反复的思考与总结中,取得胜利的果实。

      三、WeX5使用时的一个小细节问题。

           

           在使用WeX5开发工具时,引入其他的JS库时,当复制粘贴到自己的项目后,JS库文件报错出红色叉号时,如下情况:

解决的办法是屏蔽到Wex5对JS文件的默认方式。操作步骤如下:

鼠标右键UI2——选择属性——JSHint:

点击第二栏的Add按钮,出现如下界面:

修改Files matching文本框内的内容为* ,然后确定,在最后应用确定即可解决问题。

以上即为自己最近的学习心得和体会,感兴趣的朋友可以一起相互学习和交流,大家一同成长。QQ:530727668,随时欢迎交流。
PS: 以上是临时兴起总结,如有不当的地方,还请各位不吝赐教,指出不足,笔者也会及时加备注更正,提前感谢。)

——写于2016年4月28日

时间: 2024-08-02 09:01:39

Echarts的使用和学习心得体会的相关文章

工程造价学习心得体会

工程造价专业人员自身的学习和提高.从总体上看,目前我们工程造价行业的人员素质离社会的要求还有距离.因此,我们应该抓紧学习,跟上时代的步伐.除了对本专业的知识进行更新提高外,还应该结合工作广泛了解和初步掌握有关的工程技术专业知识.只有对工程内容有比较全面的掌握,才能做好工程造价控制工作.试想,如果我们对编制造价的工程都不甚了解,对其专业知识非常模糊,又怎么能够进行投资的控制呢?工程造价从业人员首先应该是本专业的专家,同时也应该是工程方面的行家.只有高水平的人才才能够编制出高水平的工程造价.专业的地

薛大龙博士-信息系统项目管理师培训班学习心得体会

首先,非常庆幸本人通过了2016年上半年信息系统项目管理师考试,自己的辛苦付出没有白费. 本人在IT公司工作近10年,主要负责团队管理.项目管理等工作,2016年决定报考信息系统项目管理师,由于平时工作非常忙,考试也有一定的难度,为了保证能够顺利通过考试,我有幸找到了51CTO学院,更有幸结识了薛老师,参加了薛老师的软考培训班,现在把自己的一些心得体会分享给大家,仅供参考. 1.信息系统项目管理师考试有一定的难度,并且答题也需要有套路,如果单靠自己学习教材,通过考试还是有难度,因为我们学习的时间

学习心得体会

今天学习了第二部分"表单".相较于昨天的课程,稍微加了难度,对于零基础的我来说,还需要消化吸收. form里边常见属性如name.method.action,文本输入呢则通过input包括txt.password.hidden等.按钮包括reset.button等.老师为了让我们更全面的掌握,让我们通过表格来制作登录注册界面,还是挺麻烦的,不熟练弄一下午也没达到很好的要求. 明天继续努力,课后好好整理,好好练习. <form>                        

朱老师物联网大讲堂学习心得体会

@前排引流 @微信号:朱老师物联网大讲堂 @网盘:[email protected]/lk/cjVy3RAgfDufK 一.学习动机 楼主上大学就是奔着学习系统内核去的,所以准备趁着大一课少多复习复习系统底层的知识,到大二之后学习内核会轻松一些.大约在临高考的时候在51cto.com(不要学我这种学渣,我是属于作大死类的)当时老师刚开始录制第一章内容,就趁着午休去看(拿着佳域的g2f和一个耳机扎到楼道里也是醉醉的)没想到居然越听越感兴趣,朱老师在第一章就回答了我之前考虑的许多问题比如有关系统移植

PS学习心得体会

在这个星期我们学习了PS的简单用法 ,在以前这是我根本不可能想的, 以前都是在手机上或电脑上看到别人做出来的成果,而现在呢?我们能自己做一些简单的动画了, 虽然这些都不算什么,但是我是不会放弃对PS的研究和学习.通过这几天对PS的学习制作,我也了解到了计算机这门行业的要求,就是要不断的去摸索在无数次的碰壁后还要坚持不懈, 就是要有不放弃的精神!我相信我的实力会不断增强的.加油!!

C#学习心得体会

7天的C#学习已经告一段落,从一个什么都不懂的编程小白到一个略懂一点编程的我还需继续努力学习. 开课第一天,老师带领我们走进C#的世界,向世界问好"Hello.World",同时还让我们认识了很多计算机语言(如:C.PHP.Ruby.Java.C#.Basic.Js.C++) 这7天我们主要学的就是计算机C#语言. 什么是数据:就是指的有用信息. C#中我们常见类型: char           string                  int               do

关于C#的学习心得体会

1·多看多写 多看网上成熟的demo,养成一个良好的代码编写习惯,将终生受益 2·多编多敲 看了代码,理解demo中的思路,灵活运用到自己的代码中,这样不仅了解了别人的代码,同时还了解了代码的执行过程,而并非简单的照抄. 3·简单编程 不要一开始就想要写复杂的代码和逻辑,这样会削弱自信心,从最基本的学起,感受代码带来的快乐和成就感,更能激发自己对于编程的兴趣. 4·多多交流 学会"面像百度编程",多学习别人的经验,多与同行沟通与交流,任何人身上都有我们所值得学习的优点,可能是编程习惯,

Github学习心得体会

https://github.com/Accredit/TEST 在本学期第一次接触Github,在系统的学习了Github的使用之后,自己对Github有了一个基本的使用了解.在这个过程中,自己也认识到了Github的使用方便.在学习的过程中,对自己以前学习过的程序代码有了一个复习的过程,对程序代码的书写有了更好的理解,也 认识到了自己的不足,对以后的学习有一个提示和帮助,收获挺多,尤其是学习到了Github的作用,拓展了自己的见识,学到了很多.

计算机学习心得体会

(1)回顾你过去近3年的学习经历 当初你报考的时候,是真正喜欢计算机这个专业吗???当初报专业时考虑了好久,把所有的专业认真思考了一遍,因为知道只有自己有兴趣大学学习才不会白白浪费时间.我确定自己是喜欢计算机的,因为想到自己亲手编写的一行行代码变成计算机上的一个可以解决问题的软件或者变成一个可以使用的软件,这种成就感是自己非常享受的. 你现在后悔选择了这个专业吗???应该从来没有过,因为自己喜欢这个专业才选择了它,做着自己喜欢的事情就不会后悔.  你认为你现在最喜欢的领域是什么(可以是计算机也可