JavaScript 3D線條系列

 

這個演示程序屬於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提供熱重載功能。 

 

說明 

也被稱爲 Line Graph 或 Line Chart 

 

 

 

這個例子展示了一個三維線列的基本用法。線形系列畫在笛卡爾座標系上，表示兩個變量之間的關係。線型系列以一系列由直線段連接的數據點的形式顯示信息。它們最常被用來可視化數據的變化或揭示數據集中的趨勢。 

 

 

 

這種類型的序列不包含數據點的 "maker "的可視化，而只包含所有數據點之間的連續連接線。此外，它允許在任何方向上畫線。 

 

 

該圖表可以通過幾行簡單的代碼來創建： 

 

// Create a new ChartXY. 

const chart3D = lightningChart().Chart3D() 

 

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

const series = chart3D.addLineSeries() 

 

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

 

// Single point. 

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

 

// Multiple points at once. 

series.add([ 

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

    { x: 60, y: 62, z: 50 }, 

    { x: 65, y: 65, z: 60 } 

])