使用echarts的vue項目第一天,引用框架構建基本模板(適合沒接觸過的echarts的新手)

	我想從0開始開發一個類似於後臺管理的vue項目,其中要用到表格,於是立刻就想到了前端表格的兩個大哥echarts和highcharts,那麼隨着項目的開發,肯定會遇到一些問題,我把一些坑事先填好,避免後來人看到重蹈覆轍.
  1. 前端表格到底選擇echarts還是highcharts?
    這是echarts的網站:在這裏插入圖片描述
    再來看highcharts的官網:

    在這裏插入圖片描述
    個人感覺,echarts動畫效果顯著,highcharts數據表現明顯,一目瞭然,知道了兩個表格插件的根本差距,我果斷的選擇了echarts,因爲畢竟是自己開發的小東西,沒必要弄過分複雜,echats的表格資源對一般的小網站來說應該是恰到好處的.那麼,具體在開發方面有什麼不同呢,我還想再深入探索一下他們倆深層次的區別.
    結果你看:在這裏插入圖片描述
    好了,這下你的選擇應該比誰都清楚了,我個人先選echarts,因爲代碼這個東西,並不是你覺悟高就可以領悟的.

  2. 下載echarts
    這裏建議下小夥伴,如果項目不急的話最好先看下echarts的文檔,項目展示,案例之類的東西再進行開發,我是給自己開發的項目所以就不管那麼多了,直接下載找文檔開搞.
    直接去到echarts的官網,點擊下載,找到定製版,
    在這裏插入圖片描述
    然後就是各位最喜歡的一頓操作猛如虎環節,要的劃勾,不要的不管,而且人家有默認,這環節幾乎沒壓力,除非你沒網.
    在這裏插入圖片描述

  3. 找最可靠的官方文檔
    在線定製按鈕的下邊就是文檔入口,這怎麼說呢?被官方安排的明明白白的,咋小老百姓就放心用吧.在這裏插入圖片描述

  4. 開發過程遇到的小坑
    開發文檔以及過程我就不展示,畢竟我現學現做的開發文檔,肯定不如人家官方自己經營好多年的文檔詳細,跟着官方來就行,我把自己遇到的明坑暗坑整理記錄下吧.
    ①, 獲取不支持jquery對象,
    如圖,老老實實按照js原生來吧.在這裏插入圖片描述
    ②,存放表格的盒子大小必須限定
    在這裏插入圖片描述
    也許還有其他的坑,但是暫時沒遇到,做出來的表格也是初具輪廓,當然樣式還是一如既往的不花裏胡哨.畢竟咋自己是前端嘛,不過整體來說效果不錯,我十分滿意,樣式之後可以慢慢改的花裏胡哨一點,初步功能已經可以實現.
    今天就到這裏結束吧,明天再開發,本貓還有許多別的事情,明天再更新文檔.

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章