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