国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專欄INFORMATION COLUMN

echarts 與 highcharts

王笑朝 / 2918人閱讀

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

一.簡介

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

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

Highcharts 是國際知名的成熟的商業軟件(也開源),商用要付費;

二.對比

兼容性
Echarts:ie9+、Firefox、chrome、safari、opera等;

highcharts :ie6+、Firefox、chrome、safari、opera等;

文檔友好程度
Echarts:百度團隊開發,中文API;多種實例,支持在線編輯運行js代碼;

Highcharts:國外公司開發,支持中文API;多種實例,支持在線編輯運行js代碼,文檔說明相比echarts更細致詳細;

穩定性
Echarts:在個別低版本瀏覽器會出現bug。

Highcharts:穩定性非常好,適用于各種瀏覽器,相對于echarts更勝一籌;

圖表的豐富程度
Echarts:

1.圖表類:支持的圖表類型有直線圖、曲線圖、區域圖、柱狀圖、餅狀圖、散狀點圖、儀表圖、氣泡圖、雷達圖、樹狀圖、象形柱圖、關系圖、瀑布流圖等,形式多樣,效果炫酷。

2.3D表現力:柱狀圖,三維地球,結合百度地圖三維展示(效果絢麗)。

3.地圖類:結合百度地圖(遷徙圖、熱力圖,散點圖,交通圖),效果酷炫。

Highcharts:

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

2.3D表現力:柱狀圖,餅狀圖,氣泡圖。

3.地圖類:2d線性地圖(geojson數據)。

社區活躍度
Echarts:國內開發,百度前端團隊維護,版本更新速度快,國內不少愛好者嘗試發布新實例。

Highcharts:國外公司開發,版本性能穩定,國內外使用者眾多。社區更大,比較專業。

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

Highcharts:采用SVG渲染(除了對 IE8- 使用 VML),SVG 渲染器相比 Canvas 渲染器在移動端的總體表現更好。在另一些數據量較大或者有圖表交互動畫的場景中,目前的 SVG 渲染器的性能還比不過 Canvas 渲染器。在pc端,數據量不大的情況,實例相當。動態增加刪除節點靈活,不需要重繪。

三.總結

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

Highcharts:穩定性強;兼容性強;圖標樣式相對少;比較專業;個人免費,商用收費。

文章版權歸作者所有,未經允許請勿轉載,若此文章存在違規行為,您可以聯系管理員刪除。

轉載請注明本文地址:http://specialneedsforspecialkids.com/yun/95305.html

相關文章

  • 從一次有趣的實驗學習性能優化

    摘要:從一次實驗學習性能優化之接口詳解下圖是接口的屬性提供給定頁面的與時間相關的性能信息包含了頁面瀏覽上下文的導航信息,比如大量獲取資源的重定向。返回當前網頁事件的回調函數運行結束時的毫秒時間戳。 從一次實驗學習性能優化 Web API之Performance 接口詳解 下圖是Performance 接口的屬性,提供給定頁面的與時間相關的性能信息.showImg(https://segmen...

    canger 評論0 收藏0
  • highcharts: 如何解決「移動端將圖表旋轉90度,tooltip表現不正常」?

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

    Yumenokanata 評論0 收藏0
  • 每周前端開源推薦第六期

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

    Salamander 評論0 收藏0
  • 每周前端開源推薦第六期

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

    channg 評論0 收藏0
  • 每周前端開源推薦第六期

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

    worldligang 評論0 收藏0

發表評論

0條評論

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