這個例子展示了LightningChart JS的SurfaceGridSeries功能。
表面網格系列是用來將數據集以網格的形式可視化。爲了解釋數據，想象一下在X軸和Z軸之間的平面上鋪設一個網格。
與熱圖網格系列類似，表面網格被分成若干列（X軸）和行（Z軸）。對於列和行之間的每個交叉點，表面網格系列中都有一個數據點。
在這個例子中，表面網格有1024列和1024行，加起來一共有1 048 576個數據點。這些數據點中的每一個都與一個高度（Y軸）值有關。此外，表面的顏色是根據每個數據點的Y值來動態調整的。
爲了突出其相似性，左邊顯示了一個具有相同數據集和調色板的二維熱圖網格系列。
最後，這個例子還展示了3D顏色樣式的可用選項（simple或Phong）。默認情況下，表面系列使用簡單顏色陰影，它顯示所有顏色的原貌。爲了改善深度感知，可以啓用Phong shading來模擬場景中的光線行爲。
關於性能
SurfaceGridSeries是LightningChart JS的最新功能之一，因此我們對它進行了最新的優化。Surface Grid Series在內存消耗和CPU使用方面進行了很好的優化，在配置良好的PC上，通常能處理最大的數據集大小在數十億個數據點之間。
這是突破性的表現，因爲傳統的曲面圖是非常昂貴的組件，其大小限制在10 000個數據點左右（小100 000倍）。
大表面網格系列需要佔用大GPU空間，表現爲緩慢的重繪。在開發利用它們的應用程序時，最好避免不必要的重繪，以便在內存稍弱的設備（如筆記本電腦和手機）上保持良好的刷新率。
更多曲面示例例
這個示例顯示瞭如何將表面網格系列分割成單獨加載的子部分，以提高性能和響應時間。
這個例子展示瞭如何根據不同的數據集對錶面網格系列進行着色，而不是在這個例子中使用的高度圖。
這個例子展示了使用實時數據源和表面系列。
所有表面圖的例子