SciChart WPF Charts是一個實(shí)時、高性能的WPF圖表庫，專為金融、醫(yī)療和工程應(yīng)用而設(shè)計(jì)。使用DirectX和SciChart WPF專有渲染引擎，以及約50種2D和3D WPF圖表類型、靈活的API和五星級支持，SciChart非常適合需要極端性能和光滑交互式圖表的項(xiàng)目。其廣泛的 API 和自定義選項(xiàng)使開發(fā)者能夠創(chuàng)建豐富、互動且視覺效果出色的圖表，以滿足各種應(yīng)用需求。

在石油和天然氣行業(yè)，實(shí)時可視化大型數(shù)據(jù)集對作業(yè)效率、安全性和決策至關(guān)重要。從監(jiān)測鉆井深度和流體動力學(xué)到跟蹤設(shè)備性能，數(shù)據(jù)可視化工具必須在不影響性能的情況下處理大量信息。對于在該領(lǐng)域從事大數(shù)據(jù)項(xiàng)目的開發(fā)人員來說，選擇像SciChart WPF這樣的高性能圖表庫是必不可少的。

SciChart WPF是專為處理數(shù)十億個數(shù)據(jù)點(diǎn)而構(gòu)建的，使其成為石油和天然氣行業(yè)快節(jié)奏和數(shù)據(jù)密集型需求的理想選擇。在本教程中，我們將指導(dǎo)您使用SciChart WPF創(chuàng)建石油和天然氣儀表板，具有同步2D圖表、3D圖表、自定義軸圖例和實(shí)時數(shù)據(jù)交互工具。

Step 1：從GitHub訪問示例

首先從SciChart WPF下載示例，導(dǎo)航到sandbox folder > customer examples > oil and gas example。這個示例展示了如何使用SciChart WPF通過多種圖表類型來監(jiān)視和可視化井參數(shù)，在Visual Studio中打開這個例子來探索它的結(jié)構(gòu)。

Step 2：2D圖表的垂直面板

油氣儀表盤的第一個組件是一個2D圖表的垂直面板，代表著不同的鉆井模式。該面板使用SciChart WPF創(chuàng)建6個垂直對齊的圖表，每個圖表顯示特定的井?dāng)?shù)據(jù)（例如密度、電阻率）。這是如何做到的：

• 使用ItemsControl和自定義UniformGrid面板模板來排列圖表，將網(wǎng)格設(shè)置為一行六列，每個圖表占用一列。

<ItemsControl.ItemsPanel>
<ItemsPanelTemplate>
<UniformGrid Rows="1" Columns="6"/>
</ItemsPanelTemplate>
</ItemsControl.ItemsPanel>

• 通過設(shè)置軸的對齊方式將圖表旋轉(zhuǎn)90度：

XAxis.Alignment = AxisAlignment.Left;
YAxis.Alignment = AxisAlignment.Top;

關(guān)鍵SciChart功能：使用SciChart MVVM API來設(shè)置自定義軸樣式，這允許開發(fā)人員在保持代碼整潔的同時更改視覺外觀（軸刻度、標(biāo)簽等）。

Step 3：自定義訪問圖例和樣式

本示例中一個突出的功能就是自定義軸圖例，每個圖表的頂部都有一個圖例，顯示了特定的參數(shù)（例如，鉆深、壓力）。自定義軸圖例：

• 使用WPF控制模板創(chuàng)建自定義軸模板：

<ControlTemplate TargetType="s:AxisBase">
<Border>
<StackPanel x:Name="PART_AxisContainer"
HorizontalAlignment="Stretch"
VerticalAlignment="Stretch"
s:AxisLayoutHelper.AxisAlignment="{TemplateBinding AxisAlignment}">

<ContentPresenter x:Name="PART_AxisLegend"
VerticalAlignment="Stretch"
HorizontalAlignment="Stretch"
Content="{TemplateBinding (local:AxisLegend.Content)}"/>

<!-- Default axis layout -->

</StackPanel>
</Border>
</ControlTemplate>

• 使用附加的AxisLegend.Content屬性來定義每個圖表圖例的確切內(nèi)容，此附加屬性可以設(shè)置為自定義軸樣式。

<Grid x:Key="ShaleChartAxisLegend">
<Grid.RowDefinitions>
<RowDefinition Height="20"/>
<RowDefinition Height="20"/>
</Grid.RowDefinitions>
<Grid.ColumnDefinitions>
<ColumnDefinition Width="*"/>
<ColumnDefinition Width="*"/>
</Grid.ColumnDefinitions>

<Border Grid.Row="0" Grid.Column="0" Background="Firebrick"/>
<Border Grid.Row="0" Grid.Column="1" Background="Blue"/>

<TextBlock Grid.Row="1" Grid.Column="0" Text="OIL"/>
<TextBlock Grid.Row="1" Grid.Column="1" Text="WATER"/>

<!-- Other legend controls -->
</Grid>

<Style TargetType="{x:Type s:NumericAxisForMvvm}">
<!-- Other style setters -->
<Setter Property="local:AxisLegend.Content" Value="{StaticResource ShaleChartAxisLegend}"/>
</Style>

使用SciChart，您可以在MVVM中支持自動軸樣式，并為無限的x軸和y軸設(shè)置軸對齊。

Step 4：同步多個圖表

在石油和天然氣的可視化中，同步多個圖表來自不同來源的數(shù)據(jù)流監(jiān)測是至關(guān)重要的。在這個例子中，我們同步圖表修飾符，如縮放和工具提示懸停在垂直圖表上：

• 添加一個ModifierGroup，可以向圖表中添加多個修飾符，并設(shè)置一個MouseManager，在所有圖表中同步它們。

<s:SciChartSurface.ChartModifier>
<s:ModifierGroup s:MouseManager.MouseEventGroup="VerticalChartsGroup">
<s:MouseWheelZoomModifier/>
<s:ZoomExtentsModifier/>
<s:ZoomPanModifier/>
<s:RolloverModifier/>
</s:ModifierGroup>
</s:SciChartSurface.ChartModifier>

這種同步確保當(dāng)您放大一個圖表時，所有圖表都會同時放大，從而提供統(tǒng)一的視圖。

Step 5：用于可視化分散數(shù)據(jù)的3D圖表

 最后一個組件是一個3D散點(diǎn)圖，它顯示了不同大小和顏色的多個數(shù)據(jù)點(diǎn)。散點(diǎn)圖對于繪制井眼數(shù)據(jù)或三維空間中的地層屬性特別有用。

• 設(shè)置SciChart 3D曲面，添加多個散點(diǎn)序列：

var xyzDataSeries1 = new XyzDataSeries3D();
var xyzDataSeries2 = new XyzDataSeries3D();
var xyzDataSeries3 = new XyzDataSeries3D();

xyzDataSeries1.Append(x, y, z, new PointMetadata3D(getColor(x), scale));
xyzDataSeries2.Append(x, y, z, new PointMetadata3D(getColor(y), scale));
xyzDataSeries3.Append(x, y, z, new PointMetadata3D(getColor(z), scale));

renderSeries.Add(new ScatterRenderableSeries3DViewModel
{
DataSeries = xyzDataSeries1,
PointMarker = new SpherePointMarker3D
{
Size = 5,
Fill = Colors.White
}
});

renderSeries.Add(new ScatterRenderableSeries3DViewModel
{
DataSeries = xyzDataSeries2,
PointMarker = new SpherePointMarker3D
{
Size = 5,
Fill = Colors.White
}
});

renderSeries.Add(new ScatterRenderableSeries3DViewModel
{
DataSeries = xyzDataSeries3,
PointMarker = new SpherePointMarker3D
{
Size = 5,
Fill = Colors.White
}
});

• 自定義具有特定范圍和屬性的XYZ軸，以專注于相關(guān)數(shù)據(jù)進(jìn)行分析：

XAxis.VisibleRange = new DoubleRange(0, 300);
XAxis.DrawMajorBands = false;
XAxis.DrawMinorTicks = false;

或者

<Style TargetType="s3D:NumericAxis3D">
<Setter Property="VisibleRange" Value="0,300"/>
<Setter Property="DrawMajorBands" Value="False"/>
<Setter Property="DrawMinorTicks" Value="False"/>
</Style>

關(guān)鍵SciChart功能：使用點(diǎn)元數(shù)據(jù)API來根據(jù)數(shù)據(jù)值動態(tài)控制點(diǎn)的顏色和大小。

建立您的石油和天然氣儀表板

在石油和天然氣行業(yè)，實(shí)時數(shù)據(jù)分析是操作成功的關(guān)鍵，擁有可靠、高性能的圖表庫是必不可少的。SciChart WPF為開發(fā)人員提供了處理大型數(shù)據(jù)集的工具，并以增強(qiáng)決策和運(yùn)營洞察力的方式將其可視化。無論您是監(jiān)控鉆井性能、可視化井?dāng)?shù)據(jù)還是跟蹤設(shè)備效率，SciChart WPF都可以確保您的儀表板能夠以流暢的性能和靈活性處理行業(yè)的大數(shù)據(jù)需求。

通過利用自定義軸圖例、同步圖表修改器和3D散點(diǎn)圖等功能，您可以構(gòu)建完全定制的油氣儀表板，以滿足該行業(yè)復(fù)雜的可視化需求。

更多產(chǎn)品信息，歡迎“”了解！