1. 程式人生 > >Echarts的使用和學習心得體會

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日