2017-02-21 49 views
1

C#应用程序的WPF绘制图形 - 只显示单点

我有一个问题,我有“画”一个坐标系,并只输入坐标(不含线)所看到的图片。

Here you can see the coordinate system with the points. Later, only the coordinates with a circle or a point are to be specified.

我想用一个图书馆,因为我也有画一个框架,我想有一个图书馆它会很容易。所以我发现了GnuPlot,Oxyplot并绘制了自己。不幸的是,GnuPlot没有用于C#应用程序的库。 (或者如果你有一个,请让我知道)。因此,我使用了OxyPlot,但不幸的是OxyPlot只显示了我的坐标系。 现在我的问题。 有没有更好的坐标系绘制坐标系? 应符合下列要求:

  • 它应该是一个预览应用程序,也就是说,如果我改变它的大小应直接发生
  • 我想提出一个框架,因此它应该帮助我过程
  • 应该有一个图书馆
  • 它应该是一个C#应用程序
  • 我想成为为X第一点标记,Y坐标,但后来应该是一个圆直径
  • 以后作为位图

正如上面提到的,我已经与OxyPlot使用它,但遗憾的是它并没有绘制图形(我使用的样本文档)

也许你有更好的想法/解决方案为OxyPlot。

在此先感谢,我对每一个回复感到高兴。

XAML:

<Window x:Class="TestOxyPlot.MainWindow" 
      xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" 
      xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" 
      xmlns:d="http://schemas.microsoft.com/expression/blend/2008" 
      xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" 
      xmlns:oxy="http://oxyplot.org/wpf" 
      xmlns:local="clr-namespace:TestOxyPlot" 
      mc:Ignorable="d" 
      Title="MainWindow" Height="350" Width="525"> 
     <Grid> 
      <oxy:Plot x:Name="oxyPlot" Title="{Binding Title}" Margin="207,53,0,0"> 
       <oxy:Plot.Series> 
        <oxy:LineSeries ItemsSource="{Binding Points}"/> 
       </oxy:Plot.Series> 
      </oxy:Plot> 
      <TextBox x:Name="textBox" HorizontalAlignment="Left" Height="23" Margin="44,64,0,0" TextWrapping="Wrap" VerticalAlignment="Top" Width="120" MouseLeave="textBox_MouseLeave" TextChanged="textBox_TextChanged"/> 
      <TextBox x:Name="textBox1" HorizontalAlignment="Left" Height="23" Margin="44,101,0,0" TextWrapping="Wrap" VerticalAlignment="Top" Width="120" TextChanged="textBox1_TextChanged"/> 
      <Button x:Name="button" Content="Button" HorizontalAlignment="Left" Margin="68,174,0,0" VerticalAlignment="Top" Width="75" Click="button_Click"/> 
     </Grid> 
    </Window> 

using System; 
    using System.Collections.Generic; 
    using System.Linq; 
    using System.Text; 
    using System.Threading.Tasks; 
    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 OxyPlot; 

    namespace TestOxyPlot 
    { 
     /// <summary> 
     /// Interaktionslogik für MainWindow.xaml 
     /// </summary> 
     public partial class MainWindow : Window 
     { 
      public MainWindow() 
      { 
       InitializeComponent(); 
       this.Title = "Example 2"; 
       this.Points = new List<DataPoint> 
        { 
             new DataPoint(0, 4), 
             new DataPoint(10, 13), 
             new DataPoint(20, 15), 
             new DataPoint(30, 16), 
             new DataPoint(40, 12), 
             new DataPoint(50, 12) 
            }; 


      } 
      public string Title { get; private set; } 

      public IList<DataPoint> Points { get; private set; } 

      private void textBox_MouseLeave(object sender, MouseEventArgs e) 
      { 


      } 

      private void textBox_TextChanged(object sender, TextChangedEventArgs e) 
      { 
       try 
       { 
        oxyPlot.Width = Int32.Parse(textBox.Text); 
       } 
       catch (Exception error) 
       { 
        MessageBox.Show("Message: " + error); 
       } 

      } 

      private void button_Click(object sender, RoutedEventArgs e) 
      { 

      } 

      private void textBox1_TextChanged(object sender, TextChangedEventArgs e) 
      { 
       try 
       { 
        oxyPlot.Width = Int32.Parse(textBox.Text); 
       } 
       catch (Exception error) 
       { 
        MessageBox.Show("Message: " + error); 
       } 
      } 
     } 
    } 

回答

0

此行之后添加以下代码

DataContext = this; 

InitializeComponent(); 

它会显示图表。此外,为了删除行,只是画出标记,使用这样的LineSeries

<oxy:LineSeries ItemsSource="{Binding Points}" LineStyle="None" MarkerType="Circle" MarkerSize="5" MarkerFill="Black"/> 

编辑

private void Button_Click(object sender, RoutedEventArgs e) 
    { 
     double randomNumX; 
     double randomNumY; 
     int h = DateTime.Now.Hour; 
     int m = DateTime.Now.Minute; 
     int s = DateTime.Now.Second; 
     String u = h.ToString() + m.ToString() + s.ToString(); 
     int iu = Int32.Parse(u); 
     Random zufall = new Random(iu); 

     Points = new List<DataPoint>(); 
     for (int i = 0; i < 10; i++) 
     { 
      randomNumX = zufall.NextDouble() * (10 - -10) + -10; 
      randomNumY = zufall.NextDouble() * (10 - -10) + -10; 
      Points.Add(new DataPoint(randomNumX, randomNumY)); 
     } 
     ls.ItemsSource = Points; 
    } 

<DockPanel> 
    <Button DockPanel.Dock="Top" Click="Button_Click" Content="Click Me"/> 
    <oxy:Plot x:Name="oxyPlot" Title="{Binding Title}"> 
     <oxy:Plot.Axes> 
      <oxy:LinearAxis Position="Bottom" /> 
      <oxy:LinearAxis Position="Right" MinimumPadding="0.1" MaximumPadding="0.1"/> 
     </oxy:Plot.Axes> 
     <oxy:Plot.Series> 
      <oxy:LineSeries x:Name="ls" ItemsSource="{Binding Points}" LineStyle="None" MarkerType="Circle" MarkerSize="5" MarkerFill="Black"/> 
     </oxy:Plot.Series> 
    </oxy:Plot> 
</DockPanel> 

顺便说一句,出于某种原因,使用ObservationCollection或InvalidatePlot(true)不起作用

+0

首先,非常感谢! 它解决了,但不幸的是我想插入代码到一个按钮,当我点击一个按钮,首先坐标出现+生成。但有些错误。你看到错误吗? 这是代码的链接: https://gist.github.com/anonymous/42525209b6eec77d1aea5006f443eea3 – GabelUndMesser

+0

添加数据后重置LineSeries ItemsSource。我提供了我的工作示例。 – Ron

+0

感谢您的支持。我希望你能再回答一个问题。 我想在坐标系中创建一个边距。 我如何得到这个?我用“保证金”试了一下,遗憾的是没有成功。所以坐标不是直接在边缘,而是有一定的距离。 ' ' – GabelUndMesser