1
Мне нужно создать несколько графиков, подобных этому http://prntscr.com/dfn836 (У нас есть 4 графика в одной плоскости разных цветов) с использованием WPF.Как добавить мутиус-график в одну плоскость x-y в wpf с помощью DynamicDataDisplay
У меня есть DynamicDataDisplaySample, который отображает только один синусоидальный график, но в моей ситуации я должен отображать более одного графика (скажем, здесь) на той же оси x-y (ось напряжения). У меня есть множество точек, чтобы оба графика были в одной плоскости.
List<double> points_x_y_Graph1 = new List<double>() { 0.1, 0.2, 0.3, 0.4, 0.5, 0.6, 0.7, 0.8, 0.9, 1.0, 0.1, 0.2, 0.3 };
List<double> points_x_y_Graph2 = new List<double>() { 0.9, 0.8, 0.7, 0.6, 0.5, 0.4, 0.3, 0.2, 0.1, 0.0,0.1, 0.2, 0.3 };
Что я имею в своем уме о том, как сделать два графика в одной оси Вольт-Time является добавление точек и для графа, как это:
//This is for first graph
voltagePointCollection.Add(new VoltagePoint(points_x_y_Graph2[i], points_x_y_Graph2[i]));
//This is for second Graph
voltagePointCollection.Add(new VoltagePoint(points_x_y_Graph1[i], points_x_y_Graph1[i]));
Но что я нашел (см здесь http://prntscr.com/dfsy5e).
Мой полный код:
public partial class MainWindow : Window, INotifyPropertyChanged
{
List<double> points_x_y_Graph1 = new List<double>() { 0.1, 0.2, 0.3, 0.4, 0.5, 0.6, 0.7, 0.8, 0.9, 1.0, 0.1, 0.2, 0.3 };
List<double> points_x_y_Graph2 = new List<double>() { 0.9, 0.8, 0.7, 0.6, 0.5, 0.4, 0.3, 0.2, 0.1, 0.0,0.1, 0.2, 0.3 };
private int _maxVoltage; private int _minVoltage;
public int MaxVoltage
{
get { return _maxVoltage; }
set { _maxVoltage = value; this.OnPropertyChanged("MaxVoltage"); }
}
public int MinVoltage
{
get { return _minVoltage; }
set { _minVoltage = value; this.OnPropertyChanged("MinVoltage"); }
}
public VoltagePointCollection voltagePointCollection;
DispatcherTimer updateCollectionTimer;
private int i = 0;
public MainWindow()
{
InitializeComponent();
this.DataContext = this;
voltagePointCollection = new VoltagePointCollection();
updateCollectionTimer = new DispatcherTimer();
updateCollectionTimer.Interval = TimeSpan.FromMilliseconds(10);
updateCollectionTimer.Tick += new EventHandler(updateCollectionTimer_Tick);
updateCollectionTimer.Start();
var ds = new EnumerableDataSource<VoltagePoint>(voltagePointCollection);
ds.SetXMapping(x => x.time);
ds.SetYMapping(y => y.Voltage);
plotter.AddLineGraph(ds, Colors.Green, 2, "Volts");
MaxVoltage = 1;
MinVoltage = -1;
}
void updateCollectionTimer_Tick(object sender, EventArgs e)
{
if (i >= points_x_y.Count)
{ i = 0; }
//For first graph
voltagePointCollection.Add(new VoltagePoint(points_x_y_Graph2[i], points_x_y_Graph2[i]));
//For second graph
voltagePointCollection.Add(new VoltagePoint(points_x_y_Graph1[i], points_x_y_Graph1[i])); // To add one more graph
i++;
}
#region INotifyPropertyChanged members
public event PropertyChangedEventHandler PropertyChanged;
protected void OnPropertyChanged(string propertyName)
{
if (PropertyChanged != null)
this.PropertyChanged(this, new System.ComponentModel.PropertyChangedEventArgs(propertyName));
}
#endregion
}
Xaml код:
<Window x:Class="DynamicDataDisplaySample.MainWindow"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
xmlns:d3="http://research.microsoft.com/DynamicDataDisplay/1.0"
Title="MainWindow" Height="600" Width="800">
<Grid>
<d3:ChartPlotter x:Name="plotter" Grid.Row="1" Grid.Column="1">
<d3:ChartPlotter.HorizontalAxis>
<d3:HorizontalDateTimeAxis Name="dateAxis"/>
</d3:ChartPlotter.HorizontalAxis>
<d3:Header FontFamily="Georgia" Content="Voltage chart"/>
<d3:VerticalAxisTitle FontFamily="Georgia" Content="Voltage [V]" />
<d3:HorizontalAxisTitle FontFamily="Georgia" Content="Time"/>
<d3:HorizontalLine Value="{Binding MaxVoltage}" Stroke="Red" StrokeThickness="2"/>
<d3:HorizontalLine Value="{Binding MinVoltage}" Stroke="Red" StrokeThickness="2"/>
</d3:ChartPlotter>
</Grid>
</Window>
Другие два класса:
public class VoltagePointCollection : RingArray <VoltagePoint>
{
private const int TOTAL_POINTS = 300;
public VoltagePointCollection()
: base(TOTAL_POINTS) // here i set how much values to show
{
}
}
public class VoltagePoint
{
public DateTime Date { get; set; }
public double time { get; set; }
public double Voltage { get; set; }
public VoltagePoint(double voltage, double time)
{
this.Voltage = voltage;
this.time = time;
}
}
Как сделать эти два участка графика в одной оси ху как ссылка, показанная при запуске, которая содержит 4 графика на одной оси xy.
