個演示程序屬於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的例子