1. 程式人生 > 其它 >JavaScript分塊表面網格圖

JavaScript分塊表面網格圖

 

個演示程式屬於LightningChart JS的例子集,是JavaScript的資料視覺化庫 

 

LightningChart JS是完全由GPU加速和效能優化的圖表庫,用於展示大量的資料。它提供了一種簡單的方法來建立複雜和互動的圖表,並將其新增到您的網站或網路應用中。 

 

 

該演示可以作為一個例子或種子專案使用。本地執行需要以下步驟。 

 

確保已經安裝了相關版本的Node.js 

 

在終端中開啟專案資料夾。 

 

   npm install              # fetches dependencies 

  npm start                # builds an application and starts the development server 

 

該應用程式可在瀏覽器中的http://localhost:8080,webpack-dev-server提供熱過載功能。 

 

說明 

這個例子展示瞭如何將一個大型的表面網格圖(幾百萬到幾十億的資料點)分小段載入,而不是一次大規模的互動。 

 

 

這是通過invalidateHeightMap方法的部分資料無效語法實現的(對強度資料也可以),它允許更新熱圖的任何矩形子部分,而不需要更新任何額外的資料。 

 

 

分塊載入資料對記憶體的使用特別好,因為在網路應用中,將大的資料集載入到記憶體中,會有瀏覽器崩潰的風險,因為沒有足夠的記憶體可用。通過將這個過程分成幾塊,應用程式可以大大增加工作的可靠性。 

 

 

更多Surface的例子 

表面網格圖(只有Y資料) | 這個例子展示了表面網格系列最簡單的用法,同時對相關的術語也有比較詳細的描述 

 

強度表面網格圖 | 這個例子展示了表面網格系列是如何根據不同的資料集來著色的,而不是本例中使用的高度圖 

 

實時音訊頻譜表面圖 | 這個例子展示了使用實時資料來源的表面系列 

 

所有Surface的例子