我想從0開始開發一個類似於後臺管理的vue項目,其中要用到表格,於是立刻就想到了前端表格的兩個大哥echarts和highcharts,那麼隨着項目的開發,肯定會遇到一些問題,我把一些坑事先填好,避免後來人看到重蹈覆轍.
-
前端表格到底選擇echarts還是highcharts?
這是echarts的網站:
再來看highcharts的官網:
個人感覺,echarts動畫效果顯著,highcharts數據表現明顯,一目瞭然,知道了兩個表格插件的根本差距,我果斷的選擇了echarts,因爲畢竟是自己開發的小東西,沒必要弄過分複雜,echats的表格資源對一般的小網站來說應該是恰到好處的.那麼,具體在開發方面有什麼不同呢,我還想再深入探索一下他們倆深層次的區別.
結果你看:
好了,這下你的選擇應該比誰都清楚了,我個人先選echarts,因爲代碼這個東西,並不是你覺悟高就可以領悟的. -
下載echarts
這裏建議下小夥伴,如果項目不急的話最好先看下echarts的文檔,項目展示,案例之類的東西再進行開發,我是給自己開發的項目所以就不管那麼多了,直接下載找文檔開搞.
直接去到echarts的官網,點擊下載,找到定製版,
然後就是各位最喜歡的一頓操作猛如虎環節,要的劃勾,不要的不管,而且人家有默認,這環節幾乎沒壓力,除非你沒網.
-
找最可靠的官方文檔
在線定製按鈕的下邊就是文檔入口,這怎麼說呢?被官方安排的明明白白的,咋小老百姓就放心用吧. -
開發過程遇到的小坑
開發文檔以及過程我就不展示,畢竟我現學現做的開發文檔,肯定不如人家官方自己經營好多年的文檔詳細,跟着官方來就行,我把自己遇到的明坑暗坑整理記錄下吧.
①, 獲取不支持jquery對象,
如圖,老老實實按照js原生來吧.
②,存放表格的盒子大小必須限定
也許還有其他的坑,但是暫時沒遇到,做出來的表格也是初具輪廓,當然樣式還是一如既往的不花裏胡哨.畢竟咋自己是前端嘛,不過整體來說效果不錯,我十分滿意,樣式之後可以慢慢改的花裏胡哨一點,初步功能已經可以實現.
今天就到這裏結束吧,明天再開發,本貓還有許多別的事情,明天再更新文檔.