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的例子 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章