?

這個演示程序屬于LightningChart JS的例子集，是JavaScript的數據可視化庫。?

LightningChart JS是完全由GPU加速和性能優化的圖表庫，用于展示大量的數據。它提供了一種簡單的方法來創建復雜和互動的圖表，并將其添加到你的網站或網絡應用中。?

該演示可以作為一個例子或種子項目使用。本地執行需要以下步驟。?

確保已經安裝了相關版本的Node.js?

在終端中打開項目文件夾：?

? npm install????????????? # fetches dependencies?

? npm start??????????????? # builds an application and starts the development server?

The application is available at http://localhost:8080 in your browser, webpack-dev-server provides hot reload functionality.?

說明?

也被稱為 Scatter Graph, Scatter Series, Point Graph, Scatter diagram 或 Scattergram??

。?

這個例子顯示了一個簡單的三維點陣圖，使用三維點陣圖繪制的點是數據點 "maker "的可視化表示。點圖是在笛卡爾坐標系上繪制的一種圖表或數學圖，表示兩個變量之間的關系。?

這種類型的系列圖不包含用于連接數據點的線的可視化表示，而只包含數據'maker'。?

該圖表可以用幾行簡單的代碼創建。?

// Create a new ChartXY.?

const chart3D = lightningChart().Chart3D()?

// Add a line series using default X, Y and Z axes.?

const series = chart3D.addPointSeries()?

該系列接受格式為{ x: 數字, y: 數字, z: 數字}的點。任何數量的點都可以通過一次調用來添加。?

// Single point.?

series.add({ x: 50, y: 60, z: 40 })?

// Multiple points at once.?

series.add([?

??? { x: 55, y: 60, z:40 },?

??? { x: 60, y: 62, z:40 },?

??? { x: 65, y: 65, z:50 }?

])?

總結

以上是生活随笔為你收集整理的JavaScript 3D 散点图的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。