JavaScript圖表LightningChart完整指南

{"type":"doc","content":[{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null},"content":[{"type":"text","text":"圖表庫正處於高峯期,它們的開發和使用在JavaScript等語言中變得更加流行。作爲證明,有許多","attrs":{}},{"type":"link","attrs":{"href":"https://www.arction.cn/javascript-charting-library","title":null,"type":null},"content":[{"type":"text","marks":[{"type":"underline","attrs":{}}],"text":"JavaScript圖表庫","attrs":{}}]},{"type":"text","text":"具有滿足用戶需求的各種功能,包括商業產品和開源項目。但是,開發人員如何才能做出明智的選擇併爲JavaScript選擇最佳圖表庫?小編整理了一份完整的JavaScript圖表指南,讓您瞭解有關JavaScript圖表和圖表庫的更多信息。幫助您決定哪種方法或產品最適合您的項目和應用需求。","attrs":{}}]},{"type":"heading","attrs":{"align":null,"level":3},"content":[{"type":"text","text":"什麼是JavaScript圖表?","attrs":{}}]},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null},"content":[{"type":"text","text":"當分析大量數據被認爲對組織、目的和目標有益時,圖表庫就成爲必需品。","attrs":{}},{"type":"link","attrs":{"href":"https://www.arction.cn","title":null,"type":null},"content":[{"type":"text","marks":[{"type":"underline","attrs":{}}],"text":"數據可視化","attrs":{}}]},{"type":"text","text":"的主要目的是幫助不同的利益相關者產生洞察力和理解他們的數據,並最終轉化爲有價值的知識。但是JavaScript什麼時候開始發揮作用,什麼是JavaScript圖表?讓我們仔細看看。","attrs":{}}]},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null}},{"type":"image","attrs":{"src":"https://static001.geekbang.org/infoq/ac/ac3cc1061354dc2c09ec733977102be3.png","alt":null,"title":"","style":[{"key":"width","value":"75%"},{"key":"bordertype","value":"none"}],"href":"","fromPaste":false,"pastePass":false}},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":"center","origin":null},"content":[{"type":"text","text":"圖1.滾動熱圖,聲納數據模擬","attrs":{}}]},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null},"content":[{"type":"text","text":" ","attrs":{}}]},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null},"content":[{"type":"text","text":"JavaScript圖表是多種圖表類型的組合,例如2D(通常稱爲XY圖表)和3D圖表、折線圖、條形圖或極座標圖,它們易於理解(消除數據分析背後的所有複雜性),同時提供高度可視化界面允許流暢的客戶端交互。","attrs":{}}]},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null},"content":[{"type":"text","text":" ","attrs":{}}]},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null},"content":[{"type":"text","text":"隨着Web瀏覽器繼續在原生JS語言上開發其潛力,JavaScript圖表的重要性增加了,因爲它與整個互聯網完全兼容。儘管如此,推動JavaScript圖表使用的不僅是原生語言的流行,而且是對基於Web的信息","attrs":{}},{"type":"link","attrs":{"href":"https://www.arction.cn","title":null,"type":null},"content":[{"type":"text","marks":[{"type":"underline","attrs":{}}],"text":"可視化解決方案","attrs":{}}]},{"type":"text","text":"日益增長的需求。","attrs":{}}]},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null},"content":[{"type":"text","text":"JavaScript圖表也是目前用於可視化數據的更復雜、更詳細但仍然簡單的替代方案。可視化數據的能力不僅依賴於重要的屬性,例如從哪裏訪問數據或處理的數據量,而且客戶端交互功能被認爲是每個圖表庫都必須被視爲世界的必要條件——類JavaScript解決方案,適用於高要求和數據驅動的行業。","attrs":{}}]},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null},"content":[{"type":"text","text":"JavaScript交互功能對最終用戶很重要,應該被認爲是移動優先,對自然用戶操作(如雙指縮放、滾動、平移或單擊)具有很好的響應能力。當JavaScript被認爲是“瀏覽器的語言”並且分析大數據的需求逐年上升時,難怪現在的JavaScript圖表庫還需要高性能、廣泛兼容、完全交互和可定製的解決方案數據驅動的組織。","attrs":{}}]},{"type":"heading","attrs":{"align":null,"level":3},"content":[{"type":"text","text":"爲什麼要使用JavaScript圖表?","attrs":{}}]},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null},"content":[{"type":"link","attrs":{"href":"https://www.arction.cn","title":null,"type":null},"content":[{"type":"text","marks":[{"type":"underline","attrs":{}}],"text":"數據可視化和圖表","attrs":{}}]},{"type":"text","text":"幫助我們更容易、更快地理解數據。它們可能是一份平庸的報告和一份優秀的報告之間的區別。圖表還用於演示和實時監控。","attrs":{}}]},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null},"content":[{"type":"text","text":"JavaScript圖表特別棒,因爲您可以將它們直接嵌入到任何網頁中,並且它適用於使用您的其他網頁內容的相同受衆。JavaScript圖表通常不受客戶端設備的限制,並且傾向於在PC、筆記本電腦、移動設備和平板電腦上開箱即用。還有一些現代解決方案可以將Web應用程序帶到幾乎任何地方,甚至在Web瀏覽器之外——桌面應用程序、移動應用程序、物聯網設備。","attrs":{}}]},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null},"content":[{"type":"text","text":"即使您的應用程序不是基於Web的,使用JavaScript圖表仍然是一個好主意;基本上,所有現代桌面框架都有一些方法可以在其中嵌入網站,您可以利用它在桌面應用程序中獲取Web圖表。這爲您提供了更廣泛的可用圖表工具可供選擇,因爲網絡圖表市場中有很多選項,每個選項都有不同的優點。將圖表邏輯包含在Web控件中也是有益的,因爲它可以導出到更大的主項目之外並用作單獨的功能。","attrs":{}}]},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null},"content":[{"type":"text","text":"JavaScript圖表不斷髮展和優化得越來越好,這正在減少Web應用程序性能限制的歷史問題。如今,還有一些JavaScript圖表可以通過客戶端硬件加速數據可視化,從而實現大型數據集和實時數據源的可視化。","attrs":{}}]},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null},"content":[{"type":"text","text":"Web應用程序的動態特性使Web圖表的使用、共享和編輯變得簡單快捷,從而提高了其開發速度。例如,Stack Overflow是一個供開發人員幫助開發人員的論壇。請求有關某些特定圖表庫(示例)的幫助是司空見慣的。使用網絡圖表,答案可以與交互式代碼片段組合在一起,通過實時編輯在答案旁邊顯示圖表——這有多酷?","attrs":{}}]},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null}},{"type":"image","attrs":{"src":"https://static001.geekbang.org/infoq/21/21a9e64c74fd95a9b62f2e18010c3118.png","alt":null,"title":"","style":[{"key":"width","value":"75%"},{"key":"bordertype","value":"none"}],"href":"","fromPaste":false,"pastePass":false}},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null}},{"type":"heading","attrs":{"align":null,"level":3},"content":[{"type":"text","text":"何時使用JavaScript圖表?","attrs":{}}]},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null},"content":[{"type":"text","text":"在極少數情況下JavaScript圖表是不切實際的方法。通常,這些都圍繞着需要通過網絡傳輸大量數據或在可視化機器上運行大量繁重的計算。在這些情況下,使用桌面圖表應用程序可以更簡單地訪問更多處理能力,甚至可以從本地文件讀取數據。","attrs":{}}]},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null},"content":[{"type":"text","text":"有經驗的數據可視化用戶通常會避免遷移到Web圖表,因爲他們對編程語言的變化感到不舒服。然而,最簡單的JavaScript圖表很容易使用,以至於配置只是定義一個具有一些直觀屬性的JSON文件。可用的JavaScript圖表庫充滿活力和豐富,所以勇敢一點,給它一個機會!","attrs":{}}]},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null},"content":[{"type":"text","text":" ","attrs":{}}]},{"type":"heading","attrs":{"align":null,"level":3},"content":[{"type":"text","text":"你如何在JavaScript中創建圖表?","attrs":{}}]},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null},"content":[{"type":"text","text":"JavaScript圖表需要在網頁上精確放置文本、形狀和顏色。JavaScript的圖表應用最流行的方法是SVG,畫布和WebGL。 ","attrs":{}}]},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null},"content":[{"type":"text","text":"SVG是最高級的技術,所以它最容易使用,但通常也是最慢的。Canvas使用起來非常簡單,經驗豐富的開發人員可以在幾個小時內製作一個簡單的圖表——但是,隨着形狀數量的增加,它最終會遇到性能瓶頸。WebGL是通過使用客戶端GPU加速渲染來提高Web圖表性能的終極解決方案——甚至可以實現複雜的可視化,例如通過任何數據點屬性進行動態顏色查找,並且可以添加3D投影。 ","attrs":{}}]},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null},"content":[{"type":"text","text":"直接對WebGL進行編程比SVG或畫布要困難得多,但它可以實現無數使用SVG或畫布方法根本無法實現的應用程序。  ","attrs":{}}]},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null},"content":[{"type":"text","text":"一些開發人員選擇使用旨在簡化WebGL使用的開源工具來創建他們的圖表——這種方法簡化了開發,但根據外部工具集的功能限制了可用的成就和性能。","attrs":{}}]},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null},"content":[{"type":"text","text":"高性能網絡圖表也屬於這一類;然而,它們處於更高的層次,提供了用於繪製某些特定圖表、系列或數據可視化技術的直接API——例如,可以使用幾行代碼創建折線圖,而不必擔心單個組件,例如刻度線和線條。 ","attrs":{}}]},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null},"content":[{"type":"text","text":"功能性基本圖表的最低要求的常見列表是X軸刻度(刻度描繪數據座標的範圍,每個刻度至少包含一個顯示座標的文本標籤,但通常還有一個網格線,該網格線穿過圖表上的水平或垂直平面)、Y軸刻度和數據系列(例如,連續線、設置點標記或熱圖)。 ","attrs":{}}]},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null},"content":[{"type":"text","text":"在現代數據可視化中,這個需求列表迅速擴展到各種組件,如日期時間刻度、帶/線熒光筆、數據光標、自定義刻度、用戶交互(如平移和縮放)、3D投影、縮放帶圖等。","attrs":{}}]},{"type":"image","attrs":{"src":"https://static001.geekbang.org/infoq/a9/a9cf49b7fe967d845ee3b2edb4463ae9.png","alt":null,"title":"","style":[{"key":"width","value":"75%"},{"key":"bordertype","value":"none"}],"href":"","fromPaste":false,"pastePass":false}},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null}},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":"center","origin":null},"content":[{"type":"text","text":"圖3.交互式JavaScript圖表示例","attrs":{}}]},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null},"content":[{"type":"text","marks":[{"type":"strong","attrs":{}}],"text":" ","attrs":{}}]},{"type":"heading","attrs":{"align":null,"level":3},"content":[{"type":"text","text":"圖表如何在JavaScript中工作?","attrs":{}}]},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null},"content":[{"type":"text","text":"最常見的JavaScript圖表以所謂的IIFE格式(立即調用的函數表達式)分佈。這非常方便,因爲您可以簡單地將IIFE JavaScript文件附加到帶有腳本標記的HTML文件中,就像這樣,它將使庫的所有內容可供以後在網站上使用。 ","attrs":{}}]},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null},"content":[{"type":"text","text":"通常,這些IIFE JavaScript文件在線託管,因此您無需爲您的應用程序安裝或下載任何內容,您只需直接從HTML文件中的主機網站下載IIFE,無需本地資源。 ","attrs":{}}]},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null}},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null},"content":[{"type":"text","text":"通過訪問網絡圖表代碼,常見的使用案例根據網絡圖表的設計分爲兩種方法——描述性調用或功能實時使用.大多數網絡圖表針對靜態數據的可視化,這意味着用戶以JSON格式配置圖表,網絡圖表庫根據配置在網頁上生成內容。這些類型的網絡圖表通常遵循描述性API設計,用戶負責給出圖表的“描述”。 ","attrs":{}}]},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null}},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null},"content":[{"type":"text","text":"另一方面,更多面向實時的Web圖表庫通常更喜歡函數式方法,其中用戶根據需要發出不同的命令來實時指示Web圖表。這種方法通常更適合實時更新並處理實時數據流和動態用戶交互的圖表。 ","attrs":{}}]},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null}},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null},"content":[{"type":"text","text":"無論網頁圖表設計如何,代碼思路始終如一;用戶選擇可以描述爲“圖表”、“系列”、“繪圖”或“圖形”類型的數據可視化類型,並以網絡圖表庫期望的格式提供輸入數據。通常,不同的圖表庫以API參考、交互式遊樂場應用程序、教程、示例和視頻的形式提供文檔,這對於讓您的代碼和Web圖表之間的交互工作至關重要。","attrs":{}}]},{"type":"heading","attrs":{"align":null,"level":3},"content":[{"type":"text","text":"JavaScript圖表示例","attrs":{}}]},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null},"content":[{"type":"text","text":"維基百科說大約83個JS圖表庫,讓我想知道它們都是什麼樣子的?","attrs":{}}]},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null},"content":[{"type":"text","text":"我們當然不會在這篇文章中介紹所有這些,因此這裏列出了五個JavaScript圖表示例,這些示例對於數據可視化倡導者來說是純粹的美。","attrs":{}}]},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null},"content":[{"type":"text","marks":[{"type":"strong","attrs":{}}],"text":"1、站點流量折線圖","attrs":{}},{"type":"text","text":"考慮這樣一個場景:用戶需要比較一段時間內其網站流量的兩個(或多個)維度。添加不同的屬性,例如顏色或形狀,可以很容易地區分每個趨勢線代表什麼。Canvas JS提供了在前端和後端自定義折線圖的可能性。","attrs":{}}]},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null}},{"type":"image","attrs":{"src":"https://static001.geekbang.org/infoq/59/59cfdfc24b974ea5e09c441002df3c2d.png","alt":null,"title":"","style":[{"key":"width","value":"75%"},{"key":"bordertype","value":"none"}],"href":"","fromPaste":false,"pastePass":false}},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null}},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null},"content":[{"type":"text","marks":[{"type":"strong","attrs":{}}],"text":" ","attrs":{}}]},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null},"content":[{"type":"text","marks":[{"type":"strong","attrs":{}}],"text":"2、歐洲捲菸銷售地圖","attrs":{}},{"type":"text","text":"現在考慮一下,用戶需要一種簡單的方法來檢測哪些歐洲國家的人均每天購買的捲菸數量最多。基於JavaScript的地圖圖表可以極大地完成工作!以下Fusion Charts的地圖有助於立即形象化每日和人均菸草消費量。","attrs":{}}]},{"type":"image","attrs":{"src":"https://static001.geekbang.org/infoq/aa/aa8055a0313c9d148d44af6b15ce9915.png","alt":null,"title":"","style":[{"key":"width","value":"75%"},{"key":"bordertype","value":"none"}],"href":"","fromPaste":false,"pastePass":false}},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null}},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null},"content":[{"type":"text","text":" ","attrs":{}}]},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null},"content":[{"type":"text","marks":[{"type":"strong","attrs":{}}],"text":"3.LightningChart® – COVID-19病毒病例","attrs":{}},{"type":"text","text":"柱狀圖COVID-19新病例可視化在大流行高峯期非常流行,因爲它們甚至可以讓普通和日常互聯網用戶看到世界上所有國家如何改變他們的新冠狀病毒病例排名與其他人相比。","attrs":{}}]},{"type":"image","attrs":{"src":"https://static001.geekbang.org/infoq/52/52ee965ff82d86df8e02f291d292f7da.png","alt":null,"title":"","style":[{"key":"width","value":"75%"},{"key":"bordertype","value":"none"}],"href":"","fromPaste":false,"pastePass":false}},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null}},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":"center","origin":null},"content":[{"type":"text","text":"JavaScript COVID-19跟蹤器(賽車條形圖) ","attrs":{}}]},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null},"content":[{"type":"text","text":" ","attrs":{}}]},{"type":"heading","attrs":{"align":null,"level":4},"content":[{"type":"text","text":"4、餅圖和甜甜圈一般示例","attrs":{}}]},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null},"content":[{"type":"text","text":"最常見的圖表之一可能是餅圖和甜甜圈圖。數據與100%值成比例顯示,這些圖表類型通常在使用較少的段時效果更好,而不是更好地適應更多數據點的折線圖或條形圖,如下一個ChartJS圖表所示。","attrs":{}}]},{"type":"image","attrs":{"src":"https://static001.geekbang.org/infoq/2b/2be2bb59f113efbf00a03ccb550f146d.png","alt":null,"title":"","style":[{"key":"width","value":"75%"},{"key":"bordertype","value":"none"}],"href":"","fromPaste":false,"pastePass":false}},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null}},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null},"content":[{"type":"text","text":" ","attrs":{}}]},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null},"content":[{"type":"text","marks":[{"type":"strong","attrs":{}}],"text":"5、德國議會分佈的項目圖表","attrs":{}},{"type":"text","text":"與地圖圖表類似,項目圖表是數據總分佈和分段分佈的直觀表示。通過添加額外的元素(例如大小或顏色),可以在解釋性圖例的幫助下清楚地區分數據,如以下HighCharts的可視化所示。","attrs":{}}]},{"type":"image","attrs":{"src":"https://static001.geekbang.org/infoq/3a/3a0547163d87adb63271434e056409cc.png","alt":null,"title":"","style":[{"key":"width","value":"75%"},{"key":"bordertype","value":"none"}],"href":"","fromPaste":false,"pastePass":false}},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null}},{"type":"heading","attrs":{"align":null,"level":3},"content":[{"type":"text","text":"JavaScript圖表中的高性能意味着什麼?","attrs":{}}]},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null},"content":[{"type":"text","text":"一個經常爭論的話題。正如之前關於圖表和圖表中性能的文章所解釋的那樣,性能是對機器、產品等完成一項工作的程度的描述。這就是性能的簡單解釋。那麼,如何描述什麼是高性能以及它在JavaScript Charts中的含義?這是在這裏更詳細地研究的內容。","attrs":{}}]},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null},"content":[{"type":"text","text":"第一:用於描述JavaScript圖表數據可視化性能的兩個常用術語是FPS和渲染時間。","attrs":{}}]},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null},"content":[{"type":"text","text":"· FPS(每秒幀數)是一種技術指標,用於衡量一秒鐘內渲染或繪製圖像的次數。","attrs":{}}]},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null},"content":[{"type":"text","text":"· 渲染時間用於衡量渲染某物所需的時間。","attrs":{}}]},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null},"content":[{"type":"text","text":"考慮到這兩個常見的指標和性能,我們可以簡單地說:性能需要平滑呈現所有傳入數據並以全面的視覺格式呈現。幾乎所有JavaScript圖表都可以在1000個左右的數據點上提供足夠的性能,當數據速率和系列計數上升時,差異才真正開始顯現。高性能圖表庫可以流暢、輕鬆地呈現更高的數據量,而不會滯後、犧牲功能或感覺不連貫和緩慢。","attrs":{}}]},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null},"content":[{"type":"text","marks":[{"type":"strong","attrs":{}}],"text":" ","attrs":{}}]},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null},"content":[{"type":"text","marks":[{"type":"strong","attrs":{}}],"text":"所有圖表都不是爲高數據速率而設計的。","attrs":{}},{"type":"text","text":"一些圖表庫使用基於Canvas/HTML5的渲染(甚至沒有提到傳統的基於SVG和Flash的JavaScript圖表),這比WebGL渲染慢得多。WebGL能夠有效地呈現數百萬個數據點。“WebGL是一種JavaScript API,用於在任何兼容的Web瀏覽器中渲染高性能交互式3D和2D圖形,而無需使用插件。”  ","attrs":{}}]},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null},"content":[{"type":"text","text":"事實仍然是,有些人滿足於較少,而有些人則需要更多。當一個圖表庫具有數千個數據點的渲染能力時,一些圖表庫提供商聲稱“高性能”。在考慮使用2021年最好和最快的JavaScript圖表庫可以達到什麼繪圖級別時,這完全是一種誤導。JavaScript Charts可視化能力目前在實時渲染中,至少有幾百萬個數據點,擁有最先進的圖表庫。因此,在數千個數據點中聲明的渲染能力還不是高性能的。如果通過下采樣或犧牲特徵來實現繪製數百萬或數百萬個數據點的能力,則不是高性能。數以百萬計的數據點,流暢,實時,沒有技巧或噱頭——這是在高性能JavaScript圖表庫中“高”的性能水平。","attrs":{}}]},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null},"content":[{"type":"text","text":"遺憾的是,當不同的圖表提供者談論JavaScript圖表性能時,相關的實際數字完全不存在或呈現不佳,這是很常見的。這就是爲什麼用戶在嘗試找到最高性能的圖表庫時可能需要做一些額外的工作。但幸運的是,現在有關於JavaScript圖表庫的性能比較(包含實際數據和事實),這是最新的比較之一:折線圖性能比較。","attrs":{}}]},{"type":"heading","attrs":{"align":null,"level":3},"content":[{"type":"text","text":"什麼是最好的JavaScript圖表庫?","attrs":{}}]},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null},"content":[{"type":"text","text":"那麼,首先要考慮的是,“最好”對您來說意味着什麼?是性能/速度、堅固的負載能力、可靠性、特定功能、一流的技術支持、易於實施、社區支持、價格、可定製性嗎?您需要一招小馬或更全面的解決方案嗎?最終歸結爲項目和用戶需求。因此,對此根本沒有一個正確的答案。有必要考慮你使用什麼平臺,你需要什麼圖表,你有多少開發人員在做這個項目,你需要什麼樣的渲染能力等等。","attrs":{}}]},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null},"content":[{"type":"text","text":"您是否還需要額外的服務來補充實際的圖表庫?額外的動手能力,更多的外包開發人員力量來快速啓動您的項目或爲您做一個定製的功能?這些額外的需求值得花點時間考慮,因爲有些提供商更適合有效地提供這些需求,併爲您節省寶貴的時間資源。您可能希望從供應商那裏選擇一個圖表庫,它可以幫助您優化您的項目,以便您可以專注於您的核心工作——成爲一名出色的開發人員!","attrs":{}}]},{"type":"image","attrs":{"src":"https://static001.geekbang.org/infoq/d4/d4060e92858bbdda692bc96f67249760.jpeg","alt":null,"title":"","style":[{"key":"width","value":"75%"},{"key":"bordertype","value":"none"}],"href":"","fromPaste":false,"pastePass":false}},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null}},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null},"content":[{"type":"text","text":" ","attrs":{}}]},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null},"content":[{"type":"text","text":"所以,總而言之,對你最好的可能對約翰、傑伊或米莎來說不是最好的。沒有一個“最好的”JavaScript圖表庫。但是有很多好的方面,有些在一個方面發光,有些在其他方面發光。您爲自己定義最好的,沒有圖表提供商可以爲您決定。但是,通過表達您的需求和要求,可靠的圖表庫提供商可以肯定地幫助您! ","attrs":{}}]},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null},"content":[{"type":"text","text":"如果您的項目需求很明確,但您仍然不確定哪個圖表庫適合您,讓","attrs":{}},{"type":"link","attrs":{"href":"https://www.arction.cn","title":null,"type":null},"content":[{"type":"text","marks":[{"type":"underline","attrs":{}}],"text":"Arction","attrs":{}}]},{"type":"text","text":"的","attrs":{}},{"type":"link","attrs":{"href":"https://www.arction.cn/javascript-charting-library","title":null,"type":null},"content":[{"type":"text","marks":[{"type":"underline","attrs":{}}],"text":"JavaScript圖表庫","attrs":{}}]},{"type":"text","text":"幫助您!","attrs":{}}]},{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null}}]}
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章