LightningChart .NET完全由GPU加速，并且性能經(jīng)過(guò)優(yōu)化，可用于實(shí)時(shí)顯示海量數(shù)據(jù)-超過(guò)10億個(gè)數(shù)據(jù)點(diǎn)。 LightningChart包括廣泛的2D，高級(jí)3D，Polar，Smith，3D餅/甜甜圈，地理地圖和GIS圖表以及適用于科學(xué)，工程，醫(yī)學(xué)，航空，貿(mào)易，能源和其他領(lǐng)域的體繪制功能。

WPF中的表格

在本文中，我們將創(chuàng)建一個(gè)帶有數(shù)據(jù)注釋的圖表，這是一個(gè)探索具有兩個(gè) Y 軸的點(diǎn)線系列的好機(jī)會(huì)。

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

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

什么是 LightningChart 的 WPF 圖表？

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

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

什么是 WPF？

Windows Presentation Foundation (WPF) 是一個(gè)用于創(chuàng)建具有復(fù)雜用戶界面的應(yīng)用程序的框架。它由兩個(gè)主要組件組成：標(biāo)記（用于定義結(jié)構(gòu)和外觀）和代碼隱藏（用于管理應(yīng)用程序的邏輯和行為）。

項(xiàng)目概況

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

標(biāo)記

標(biāo)記使我們能夠構(gòu)建具有各種控件的用戶界面，同時(shí)能非常精確地管理應(yīng)用程序中的顯示結(jié)果。此界面開(kāi)發(fā)是使用 XAML（可擴(kuò)展應(yīng)用程序標(biāo)記語(yǔ)言）完成的。雖然它最初看起來(lái)像一個(gè) XML 模板，但 XAML 專門用于構(gòu)建應(yīng)用程序界面，而不僅僅是在應(yīng)用程序之間交換數(shù)據(jù)。

界面的數(shù)據(jù)、圖形和動(dòng)畫(huà)可以從外部源文件中提取，也可以通過(guò)后臺(tái)代碼動(dòng)態(tài)生成。

<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>

一些控件的創(chuàng)建幾乎與 HTML 標(biāo)簽的創(chuàng)建相同，而在其他情況下，樣式等屬性僅限于標(biāo)簽內(nèi)屬性的聲明。

后臺(tái)代碼

后臺(tái)代碼是指包含可執(zhí)行代碼的文件，負(fù)責(zé)讀取、生成和處理用戶所需的結(jié)果。其主要目的之一是將圖形界面代碼（如 XAML、HTML、CSS 等）與可執(zhí)行代碼分離，這種分離使我們能夠?qū)⒐ぷ?分為用戶界面設(shè)計(jì)和底層代碼的開(kāi)發(fā)，從而實(shí)現(xiàn)更安全、更有條理和更快速的開(kāi)發(fā)。

對(duì)于 WPF（Windows Presentation Foundation），我們使用 C# 編程語(yǔ)言。C# 是一種面向?qū)ο?組件的語(yǔ)言，非常適合這種方法。LightningChart .NET 使用可執(zhí)行的 C# 代碼生成 WPF 項(xiàng)目，在此代碼中，您可以使用 LightningChart .NET 自己的工具，如果安裝了 LC .NET 框架，則可以輕松導(dǎo)入這些工具。

本地設(shè)置

對(duì)于這個(gè)項(xiàng)目，我們需要考慮以下要求來(lái)編譯項(xiàng)目。

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

現(xiàn)在轉(zhuǎn)到下一個(gè) URL 并下載 LightningChart .NET，然后您將被重定向到登錄表單，必須在其中完成一個(gè)簡(jiǎn)單的注冊(cè)過(guò)程才能訪問(wèn)您的 LightningChart 帳戶。

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

安裝將是典型的 Windows 過(guò)程，因此請(qǐng)繼續(xù)進(jìn)行，直到完成。安裝完成后，您將看到以下程序：

Visual Studio 項(xiàng)目

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

在窗口的右上角，您將看到以下選項(xiàng)：

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

創(chuàng)建項(xiàng)目后，Visual Studio 將打開(kāi)并準(zhǔn)備執(zhí)行。

XAML 代碼審查

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

在代碼中，我們將檢查兩種方法來(lái)創(chuàng)建在 WPF 中正確繪制表格所需的屬性。交互式示例由各種用戶控件構(gòu)建，用于操作和更改圖表的視覺(jué)屬性。這些控件不是生成此圖表所必需的，因此我們將重點(diǎn)介紹負(fù)責(zé)生成對(duì)象的代碼。

CreateChart()

此方法將負(fù)責(zé)配置我們的圖表，添加軸、組、顏色等，將創(chuàng)建我們的圖表：

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

該BeginUpdate函數(shù)將允許我們停止繪制圖表，這將允許設(shè)置想要自定義的屬性，現(xiàn)在將為WPF圖表中的表格分配一個(gè)標(biāo)題：

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

屬性DataCursor（true），顯示一個(gè)小型數(shù)據(jù)表，其中包含光標(biāo)指向處的值。

如果值為 false，則不會(huì)顯示此數(shù)據(jù)表。如果需要，我們可以在圖表中顯示圖例框。如果值為 false，則圖例框?qū)⒈浑[藏。

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

軸設(shè)置

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

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

范圍是從 0 到 100：

滾動(dòng)模式為我們提供了 5 種滾動(dòng) X 軸的行為選項(xiàng)：

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

_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函數(shù)清除 X 或 Y 軸，當(dāng)需要更新軸范圍或視覺(jué)屬性時(shí)，這非常有用，顏色在代碼開(kāi)頭指定。

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

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

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);

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

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

YAxisAutoPlacement = LeftThenRight軸分布在圖形的左側(cè)和右側(cè)，從左側(cè)開(kāi)始，每隔一個(gè)軸分布在對(duì)側(cè)。

未完待續(xù)，更多精彩下期見(jiàn)......