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