成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

echarts 與 highcharts

王笑朝 / 2948人閱讀

摘要：渲染能力采用渲染除了對使用，一般來說，更適合繪制圖形元素數(shù)量非常大這一般是由數(shù)據(jù)量大導(dǎo)致的圖表如熱力圖地理坐標系或平行坐標系上的大規(guī)模線圖或散點圖等，也利于實現(xiàn)某些視覺特效如交通圖。

一．簡介

echarts
echarts是百度公司前端開發(fā)的一個圖表庫，2013年發(fā)布第一版，主要采用canvas畫圖，目前版本3.8.4；完全免費；

highchart
highcharts是國外的一家公司開發(fā)的圖表庫，主要采用svg畫圖，不支持h5的瀏覽器采用vml繪制，2009 年發(fā)布第一版，目前版本6.0.3；

Highcharts 是國際知名的成熟的商業(yè)軟件（也開源），商用要付費；

二．對比

兼容性
Echarts：ie9+、Firefox、chrome、safari、opera等；

highcharts ：ie6+、Firefox、chrome、safari、opera等；

文檔友好程度
Echarts：百度團隊開發(fā)，中文API；多種實例，支持在線編輯運行js代碼；

Highcharts：國外公司開發(fā)，支持中文API；多種實例，支持在線編輯運行js代碼，文檔說明相比echarts更細致詳細；

穩(wěn)定性
Echarts：在個別低版本瀏覽器會出現(xiàn)bug。

Highcharts：穩(wěn)定性非常好，適用于各種瀏覽器，相對于echarts更勝一籌；

圖表的豐富程度
Echarts：

1.圖表類：支持的圖表類型有直線圖、曲線圖、區(qū)域圖、柱狀圖、餅狀圖、散狀點圖、儀表圖、氣泡圖、雷達圖、樹狀圖、象形柱圖、關(guān)系圖、瀑布流圖等，形式多樣，效果炫酷。

2.3D表現(xiàn)力：柱狀圖，三維地球，結(jié)合百度地圖三維展示（效果絢麗）。

3.地圖類：結(jié)合百度地圖（遷徙圖、熱力圖，散點圖，交通圖），效果酷炫。

Highcharts：

1.圖表類：支持的圖表類型有直線圖、曲線圖、區(qū)域圖、柱狀圖、餅狀圖、散狀點圖、儀表圖、氣泡圖、瀑布流圖等。

2.3D表現(xiàn)力：柱狀圖，餅狀圖，氣泡圖。

3.地圖類：2d線性地圖（geojson數(shù)據(jù)）。

社區(qū)活躍度
Echarts：國內(nèi)開發(fā)，百度前端團隊維護，版本更新速度快，國內(nèi)不少愛好者嘗試發(fā)布新實例。

Highcharts：國外公司開發(fā)，版本性能穩(wěn)定，國內(nèi)外使用者眾多。社區(qū)更大，比較專業(yè)。

渲染能力
Echarts：采用canvas渲染（除了對 IE8- 使用 VML），一般來說，Canvas 更適合繪制圖形元素數(shù)量非常大（這一般是由數(shù)據(jù)量大導(dǎo)致）的圖表（如熱力圖、地理坐標系或平行坐標系上的大規(guī)模線圖或散點圖等），也利于實現(xiàn)某些視覺 特效（如交通圖）。不過echarts3.8版本會考慮svg和canvas兩種渲染方式。動態(tài)增加刪除節(jié)點不靈活，需要重繪。

Highcharts：采用SVG渲染（除了對 IE8- 使用 VML），SVG 渲染器相比 Canvas 渲染器在移動端的總體表現(xiàn)更好。在另一些數(shù)據(jù)量較大或者有圖表交互動畫的場景中，目前的 SVG 渲染器的性能還比不過 Canvas 渲染器。在pc端，數(shù)據(jù)量不大的情況，實例相當(dāng)。動態(tài)增加刪除節(jié)點靈活，不需要重繪。

三．總結(jié)

Echarts：圖標樣式多樣、支持2d和3d地圖展示，效果炫酷；兼容性弱；完全免費。

Highcharts：穩(wěn)定性強；兼容性強；圖標樣式相對少；比較專業(yè)；個人免費，商用收費。

文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址：http://systransis.cn/yun/95305.html

相關(guān)文章

  • 從一次有趣的實驗學(xué)習(xí)性能優(yōu)化

    摘要：從一次實驗學(xué)習(xí)性能優(yōu)化之接口詳解下圖是接口的屬性提供給定頁面的與時間相關(guān)的性能信息包含了頁面瀏覽上下文的導(dǎo)航信息，比如大量獲取資源的重定向。返回當(dāng)前網(wǎng)頁事件的回調(diào)函數(shù)運行結(jié)束時的毫秒時間戳。 從一次實驗學(xué)習(xí)性能優(yōu)化 Web API之Performance 接口詳解 下圖是Performance 接口的屬性,提供給定頁面的與時間相關(guān)的性能信息.showImg(https://segmen...

    canger 評論0 收藏0

  • highcharts: 如何解決「移動端將圖表旋轉(zhuǎn)90度，tooltip表現(xiàn)不正常」？

    摘要：背景在項目中使用是很容易的，移動端也適配的不錯，按照官網(wǎng)教程即可。修改完成后，發(fā)現(xiàn)的表現(xiàn)符合預(yù)期了。經(jīng)過測試圖表的其他基本功能正常。由于的功能太多，這樣的源碼修改功能對其他的功能有無影響，還不能完全確定。 背景 在項目中使用highcharts是很容易的，移動端也適配的不錯，按照官網(wǎng)教程即可。但是在移動端，由于手機端屏幕太小，需求方希望可以弄一個全屏圖，把手機橫過來觀察曲線。 正常：s...

    Yumenokanata 評論0 收藏0

  • 每周前端開源推薦第六期

    摘要：每周前端開源推薦第六期從名字就可以很容易的看出該項目的作用，解壓縮。同時支持瀏覽器和。是任務(wù)調(diào)度的項目。初始化定義人物每三分鐘觸發(fā)一次觸發(fā)一個交互式學(xué)習(xí)的方式。強烈建議大家先去體驗一下的介紹是由百度團隊開發(fā)的一款開源圖表項目。 每周前端開源推薦第六期 43081j / rar.js Pure-JavaScript RAR reader using AJAX, File API...

    Salamander 評論0 收藏0

  • 每周前端開源推薦第六期

    摘要：每周前端開源推薦第六期從名字就可以很容易的看出該項目的作用，解壓縮。同時支持瀏覽器和。是任務(wù)調(diào)度的項目。初始化定義人物每三分鐘觸發(fā)一次觸發(fā)一個交互式學(xué)習(xí)的方式。強烈建議大家先去體驗一下的介紹是由百度團隊開發(fā)的一款開源圖表項目。 每周前端開源推薦第六期 43081j / rar.js Pure-JavaScript RAR reader using AJAX, File API...

    channg 評論0 收藏0

  • 每周前端開源推薦第六期

    摘要：每周前端開源推薦第六期從名字就可以很容易的看出該項目的作用，解壓縮。同時支持瀏覽器和。是任務(wù)調(diào)度的項目。初始化定義人物每三分鐘觸發(fā)一次觸發(fā)一個交互式學(xué)習(xí)的方式。強烈建議大家先去體驗一下的介紹是由百度團隊開發(fā)的一款開源圖表項目。 每周前端開源推薦第六期 43081j / rar.js Pure-JavaScript RAR reader using AJAX, File API...

    worldligang 評論0 收藏0

發(fā)表評論

0條評論

最新活動
閱讀需要支付1元查看
<