本教程講述如何使用圖表工具LightningChartUltimate PointLineSeries系列描繪變量區(qū)間點(diǎn)線數(shù)據(jù)。

學(xué)習(xí)該教程，你需要具備：

• 基本C#和Visual Studio 2010知識(shí)
• 安裝LightningChartUltimate v5.1 （.NET4）
• Visual Studio 2010或更高環(huán)境

1、添加LightningChartUltimate控件

建立一個(gè)WPF應(yīng)用程序。在e Visual Studio工具欄中拖放組件"LightningChartUltimate"到表格窗口編輯器。

窗口編輯器如下圖：

代碼如下：

<Window x:Class="Arction_tutorial1.MainWindow"
xmlns="//schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="//schemas.microsoft.com/winfx/2006/xaml"
Title="MainWindow" Height="350" Width="525"
xmlns:lcu="//www.arction.com/schemas/">
<Grid UseLayoutRounding="True">
<lcu:LightningChartUltimate HorizontalAlignment="Stretch"
Name="lightningChartUltimate1" VerticalAlignment="Stretch" Margin="0" />
</Grid>
</Window>

2、初始化LightningChart組件

編輯MainWindow.xaml.cs源代碼，用自定義外觀設(shè)置和隨機(jī)數(shù)據(jù)初始化。代碼如下：

/* Tutorial:
* Simple LightningChart WPF application
*/

using System;
using System.Collections.Generic;
using System.Linq;
using System.Text;
using System.Windows;
using System.Windows.Controls;
using System.Windows.Data;
using System.Windows.Documents;
using System.Windows.Input;
using System.Windows.Media;
using System.Windows.Media.Imaging;
using System.Windows.Navigation;
using System.Windows.Shapes;


using Arction.WPF.LightningChartUltimate;
using Arction.WPF.LightningChartUltimate.Views.ViewXY;
using Arction.WPF.LightningChartUltimate.SeriesXY;
using Arction.WPF.LightningChartUltimate.Axes;

//Make sure to use namespace similar to project name
namespace Arction_tutorial1
{
/// <summary>
/// Interaction logic for MainWindow.xaml
/// </summary>
public partial class MainWindow : Window
{

public MainWindow()
{
InitializeComponent();
InitializeChart();
}

private void InitializeChart()
{
//Initialize chart
lightningChartUltimate1.BeginUpdate();

//Get XY view
ViewXY chartView = lightningChartUltimate1.ViewXY;

//Get default x-axis and set the range and ValueType
AxisX axisX = chartView.XAxes[0];
axisX.SetRange(0, 20);
axisX.ValueType = AxisValueType.Number;

//Get default y-axis and set the range.
AxisY axisY = chartView.YAxes[0];
axisY.SetRange(0, 100);

//Add point line series
PointLineSeries pls = new PointLineSeries(chartView, axisX, axisY);
pls.PointsVisible = true;

//Generate random data
Random rand = new Random();
const double dInterval = 1;
int iPointCount = (int)((axisX.Maximum - axisX.Minimum) / dInterval) + 1;
SeriesPoint[] aPoints = new SeriesPoint[iPointCount];
for (int iPoint = 0; iPoint < iPointCount; iPoint++)
{
aPoints[iPoint].X = (double)iPoint;
aPoints[iPoint].Y = 100.0 * rand.NextDouble();
}
//Assign the data for the point line series
pls.Points = aPoints;

//Add series to the PointLineSeries container in the view
chartView.PointLineSeries.Add(pls);

//Apply chart property changes, which causes chart to be painted
lightningChartUltimate1.EndUpdate();
}
}
}

編譯并運(yùn)行這個(gè)程序，結(jié)果如下圖所示：

下載地址：LightningChartUltimate