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提供熱過載功能。 

 

說明 

這個例子展示了LightningChart JS的SurfaceGridSeries功能,尤其是它處理兩個不同資料集的能力。 

高度資料集 

強度資料集 

這兩個資料集的結構相似(表面網格中每一列和每一行的組合都有一個值),但用途不同。高度資料集用於改變系列的可見形狀,而強度資料集可以選擇用於為系列著色。 

 

請參閱表面網格圖例項,瞭解只使用高度資料集的使用情況。 

 

這個例子為高度和強度資料生成不同的資料集,並根據強度資料集為表面著色,有效地形成一個四維資料的視覺化(X、Y、Z、顏色)。 

 

更多的Surface的例子 

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

 

分塊的表面網格圖 | 這個例子展示瞭如何將表面網格系列分割成單獨載入的子部分,以提高效能和響應時間。 

 

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

 

所有Surface的例項