這篇文章將為大家詳細(xì)講解有關(guān)Echarts可視化庫(kù)如何在Vue項(xiàng)目中使用,文章內(nèi)容質(zhì)量較高,因此小編分享給大家做個(gè)參考,希望大家閱讀完這篇文章后對(duì)相關(guān)知識(shí)有一定的了解。
廬山ssl適用于網(wǎng)站、小程序/APP、API接口等需要進(jìn)行數(shù)據(jù)傳輸應(yīng)用場(chǎng)景,ssl證書(shū)未來(lái)市場(chǎng)廣闊!成為創(chuàng)新互聯(lián)的ssl證書(shū)銷售渠道,可以享受市場(chǎng)價(jià)格4-6折優(yōu)惠!如果有意向歡迎電話聯(lián)系或者加微信:18980820575(備注:SSL證書(shū)合作)期待與您的合作!Hcharts:國(guó)外的一款圖表庫(kù),是圖表庫(kù)的領(lǐng)頭羊
Echarts:百度開(kāi)發(fā)的數(shù)據(jù)可視化庫(kù),國(guó)內(nèi)圖表庫(kù)的 “領(lǐng)軍人物”
AntV:是螞蟻金服開(kāi)發(fā)的數(shù)據(jù)可視化庫(kù)
總結(jié)出以下幾個(gè)優(yōu)略點(diǎn)區(qū)別Echarts、Hcharts哪個(gè)比較合適:
1、學(xué)習(xí)容易程度:只要懂JS,那么相信你能很快上手。兩者打分相同。但是百度出品的Echarts對(duì)于國(guó)內(nèi)城市已經(jīng)有了相應(yīng)的配置,調(diào)用非常方便。因此在繪制地圖方面,Echarts略勝一籌。
2、大數(shù)據(jù)表現(xiàn)力:有網(wǎng)友說(shuō),當(dāng)數(shù)據(jù)量達(dá)到萬(wàn)條的級(jí)別時(shí),Highcharts的多表聯(lián)動(dòng)、自動(dòng)縮放具有更強(qiáng)的優(yōu)勢(shì),而Echarts則會(huì)出現(xiàn)明顯的卡頓,需要設(shè)置datazoom。因此Hcharts完勝。
3、文檔友好程度:Echarts是百度的,Hcharts是國(guó)外的。另外,Echarts的文檔像是說(shuō)明書(shū),而Highcharts的文檔像是博客。個(gè)人仍偏向于說(shuō)明書(shū)一樣的文檔,容易定位,因此我為Echarts轉(zhuǎn)身亮燈。
4、圖表美觀程度:看看兩家的實(shí)例Echarts、Hcharts,Echarts完爆?。《褽charts基于Canvas,對(duì)于3D繪圖有絕對(duì)優(yōu)勢(shì),能畫(huà)出極漂亮的圖形。
5、圖表配置的自由度:Hcharts基于SVG,方便定制,同類型的圖表,Hcharts能玩出100種花樣。
6、圖表的豐富程度:Echarts豐富的圖表種類,和驚艷的3D效果,吊打Hcharts。
最后,更為關(guān)鍵的是,Echarts免費(fèi),Hcharts用于商業(yè)用途時(shí)還需要授權(quán),個(gè)人用時(shí)雖然免費(fèi),但會(huì)在圖表上顯示logo,有潔癖的話就只能繞道了。
所以,就決定是你了,Echarts!
個(gè)人不推薦使用Vue-Echarts版本,因?yàn)镋charts本身難度不算大,雖然文檔有點(diǎn)像是 “說(shuō)明書(shū)”,但是還算全乎,花點(diǎn)時(shí)間還是可以理解的。
引入:
在Vue中使用Echarts時(shí)可以按照一般引入插件的方式引入
1、使用npm安裝Echarts:
npm install echarts --save