LightningChart .NET完全由GPU加速，并且性能經過優化，可用于實時顯示海量數據-超過10億個數據點。 LightningChart包括廣泛的2D，高級3D，Polar，Smith，3D餅/甜甜圈，地理地圖和GIS圖表以及適用于科學，工程，醫學，航空，貿易，能源和其他領域的體繪制功能。

WPF中的表格

在本文中，我們將創建一個帶有數據注釋的圖表，這是一個探索具有兩個 Y 軸的點線系列的好機會。

另一方面，數據注釋是LightningChart.NET的另一個出色功能。有了它們，我們可以在圖表上直接創建數據表，讓用戶能夠與該表的一些可視屬性進行交互。注釋表可以顯示多個值，并且可以使用 C# 代碼、利用 For 循環和其他編程工具輕松創建。

使用注釋類似于使用 HTML 表，本質上，您創建一個父AnnotationXY對象，然后添加嵌套AnnotationXY對象作為單元格，配置字體、顏色和邊框等視覺屬性與分配 CSS 屬性非常相似。

什么是 LightningChart 的 WPF 圖表？

LightningChart 的 WPF 圖表（稱為 LightningChart for WPF）是一款功能強大的數據可視化工具，專為 Microsoft Windows Presentation Foundation (WPF) 設計，這些WPF 圖表（通常稱為 WPF 圖表）可以輕松集成到您的 Microsoft Visual Studio 工具箱中。

您可以使用拖放、XAML 或代碼隱藏將它們添加到您的軟件項目中。添加后，WPF 圖形將成為 Windows 桌面應用程序中用戶界面 (UI) 的關鍵部分，使其成為軟件開發人員的寶貴工具。

什么是 WPF？

Windows Presentation Foundation (WPF) 是一個用于創建具有復雜用戶界面的應用程序的框架。它由兩個主要組件組成：標記（用于定義結構和外觀）和代碼隱藏（用于管理應用程序的邏輯和行為）。

項目概況

今天我們將使用LightningChart .NET 圖表組件在 WPF 中創建表格。

標記

標記使我們能夠構建具有各種控件的用戶界面，同時能非常精確地管理應用程序中的顯示結果。此界面開發是使用 XAML（可擴展應用程序標記語言）完成的。雖然它最初看起來像一個 XML 模板，但 XAML 專門用于構建應用程序界面，而不僅僅是在應用程序之間交換數據。

界面的數據、圖形和動畫可以從外部源文件中提取，也可以通過后臺代碼動態生成。

<Window
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
Title="Window with Button"
Width="250" Height="100">
<!-- Add button to window -->
<Button Name="button">Click Me!</Button>
</Window>

一些控件的創建幾乎與 HTML 標簽的創建相同，而在其他情況下，樣式等屬性僅限于標簽內屬性的聲明。

后臺代碼

后臺代碼是指包含可執行代碼的文件，負責讀取、生成和處理用戶所需的結果。其主要目的之一是將圖形界面代碼（如 XAML、HTML、CSS 等）與可執行代碼分離，這種分離使我們能夠將工作分為用戶界面設計和底層代碼的開發，從而實現更安全、更有條理和更快速的開發。

對于 WPF（Windows Presentation Foundation），我們使用 C# 編程語言。C# 是一種面向對象/組件的語言，非常適合這種方法。LightningChart .NET 使用可執行的 C# 代碼生成 WPF 項目，在此代碼中，您可以使用 LightningChart .NET 自己的工具，如果安裝了 LC .NET 框架，則可以輕松導入這些工具。

本地設置

對于這個項目，我們需要考慮以下要求來編譯項目。

1. 操作系統：32位或64位Windows Vista或更高版本，Windows Server 2008 R2或更高版本。
2. DirectX：9.0c（Shader model 3 及更高版本）或 11.0 兼容圖形適配器。
3. Visual Studio：2010-2019 用于開發，不需要部署。
4. 平臺.NET Framework：安裝 4.0 或更新版本。

現在轉到下一個 URL 并下載 LightningChart .NET，然后您將被重定向到登錄表單，必須在其中完成一個簡單的注冊過程才能訪問您的 LightningChart 帳戶。

登錄您的帳戶后，您可以下載 SDK“免費試用”版本，該版本允許您使用本WPF教程中表格的重要功能。下載 SDK 后，您將獲得一個如下所示的 .exe 文件：

安裝將是典型的 Windows 過程，因此請繼續進行，直到完成。安裝完成后，您將看到以下程序：

Visual Studio 項目

LightningChart 可視化工具與 Visual Studio 的主要區別在于，我們可以在源代碼中分析和試驗許多功能。在 LC 可視化工具中，選擇“注釋表格圖表”示例并運行它：

在窗口的右上角，您將看到以下選項：

SDK 試用版允許我們使用 WPF 框架，選擇正確的框架后，需要指定一個文件夾，用于在 WPF 圖表項目中創建表格：

創建項目后，Visual Studio 將打開并準備執行。

XAML 代碼審查

主 XAML 代碼將包裝在MainWindow.xaml.cs中，并包含球體 GUI 控件的代碼。

在代碼中，我們將檢查兩種方法來創建在 WPF 中正確繪制表格所需的屬性。交互式示例由各種用戶控件構建，用于操作和更改圖表的視覺屬性。這些控件不是生成此圖表所必需的，因此我們將重點介紹負責生成對象的代碼。

CreateChart()

此方法將負責配置我們的圖表，添加軸、組、顏色等，將創建我們的圖表：

// Create a new chart.
_chart = new LightningChart();
_chart.BeginUpdate();

該BeginUpdate函數將允許我們停止繪制圖表，這將允許設置想要自定義的屬性，現在將為WPF圖表中的表格分配一個標題：

_chart.ViewXY.DataCursor.Visible = true;
//Chart name
_chart.ChartName = "Annotations table chart";

屬性DataCursor（true），顯示一個小型數據表，其中包含光標指向處的值。

 如果值為 false，則不會顯示此數據表。如果需要，我們可以在圖表中顯示圖例框。如果值為 false，則圖例框將被隱藏。

//Hide legend box
_chart.ViewXY.LegendBoxes[0].Visible = false;

軸設置

要訪問 X 軸，只需從 XAxes 列表中選擇索引零。由于我們僅使用具有單個 X 軸的圖表，因此默認情況下會將其分配給索引零：

// Configure x-axis.
AxisX xAxis = _chart.ViewXY.XAxes[0];
xAxis.SetRange(0, 100);
xAxis.ScrollMode = XAxisScrollMode.None;
xAxis.ValueType = AxisValueType.Number;

范圍是從 0 到 100：

滾動模式為我們提供了 5 種滾動 X 軸的行為選項：

• None: X 軸不自動滾動。
• Scrolling: 當滾動位置接近圖形末尾時，X 軸將會滾動。
• Stepping: 當滾動位置到達圖形末尾時，使用Step移動視圖。
• Sweeping: 以前的痕跡將留在背景中，新的痕跡將被清除。
• Triggering: X 軸最小值和最大值由檢測到的水平觸發位置。

_chart.ViewXY.YAxes.Clear(); // Remove existing y-axes.
AxisY yAxisTemperature = new AxisY(_chart.ViewXY);
yAxisTemperature.Title.Text = "Temperature, °C";
yAxisTemperature.SetRange(-30, 50);
yAxisTemperature.AxisColor = TemperatureColor;
yAxisTemperature.Title.Color = TemperatureColor;
_chart.ViewXY.YAxes.Add(yAxisTemperature);

我們可以使用Clear函數清除 X 或 Y 軸，當需要更新軸范圍或視覺屬性時，這非常有用，顏色在代碼開頭指定。

private static Color TemperatureColor = Colors.DarkOrange;
private static Color HumidityColor = Colors.Red;

我們可以有多個軸，在本例中我們創建另一個 Y 軸，它將顯示在圖表的右側，該軸將指示濕度百分比：

AxisY yAxisHumidity = new AxisY(_chart.ViewXY);
yAxisHumidity.Title.Text = "Humidity, %";
yAxisHumidity.SetRange(0, 100);
yAxisHumidity.MajorGrid.Visible = false;
yAxisHumidity.MinorGrid.Visible = false;
yAxisHumidity.AxisColor = HumidityColor;
yAxisHumidity.Title.Color = HumidityColor;
_chart.ViewXY.YAxes.Add(yAxisHumidity);

第二軸的設置與上一個軸相同，水平網格線繪制在刻度線的垂直位置上。主網格用于主刻度線，次網格用于次刻度線，使用MajorGrid和MinorGrid屬性編輯外觀。

_chart.ViewXY.AxisLayout.YAxisAutoPlacement = YAxisAutoPlacement.LeftThenRight;

YAxisAutoPlacement = LeftThenRight軸分布在圖形的左側和右側，從左側開始，每隔一個軸分布在對側。

未完待續，更多精彩下期見......