WPF 使用DynamicDataDisplay 过程及获取x,y轴坐标

一、使用过程

1、下载DynamicDataDisplay.dll文件,并引用到wpf工程中

WPF 使用DynamicDataDisplay 过程及获取x,y轴坐标_第1张图片

添加

using Microsoft.Research.DynamicDataDisplay;
using Microsoft.Research.DynamicDataDisplay.DataSources;

2、 前端

 


    
        
            
                
            
            
                
            
            
            
        
    



3、后端简单使用

namespace testdanamic
{
    /// 
    /// MainWindow.xaml 的交互逻辑
    /// 
    public partial class MainWindow : Window
    {
        ObservableDataSource currentDataFrame = new ObservableDataSource();

        public MainWindow()
        {
            InitializeComponent();
        }
        private void Window_Loaded_1(object sender, RoutedEventArgs e)
        {
            
            LineGraph graphAcc_x = new LineGraph();
            graphAcc_x = plotter.AddLineGraph(currentDataFrame, Colors.Red, 1, "AD_data");  //注册绘图图线,配置粗细颜色以及显示名称
            ShowLine();
   
        }

        private void ShowLine()
        {
            Point point = new Point(0, 0);
            for (int i = 1; i <= 512; i++)
            {
                point.X = i;
                point.Y = i + 100;
                currentDataFrame.AppendAsync(base.Dispatcher, point);
            }

        }


    }
}

 效果:

WPF 使用DynamicDataDisplay 过程及获取x,y轴坐标_第2张图片

这种出图的方式是,每连接一个点,画面刷新一次,适合于页面刷新速度要求不高的情况,如果数据量大,页面频繁的刷新,会导致CPU占用率很高,程序卡死。

二、如图所示要通过移动鼠标获取x,y的坐标。

 

参考:https://blog.csdn.net/jsyhello/article/details/7212993

WPF 使用DynamicDataDisplay 过程及获取x,y轴坐标_第3张图片

二、实现方法

1、chartplotter绑定鼠标移动事件

WPF 使用DynamicDataDisplay 过程及获取x,y轴坐标_第4张图片

2、后台鼠标移动事件获取坐标位置,并显示

WPF 使用DynamicDataDisplay 过程及获取x,y轴坐标_第5张图片

三、实测效果

实测之后发现只有图放大之后,获得的鼠标坐标精确,不放大的情况的误差比较大。

WPF 使用DynamicDataDisplay 过程及获取x,y轴坐标_第6张图片

你可能感兴趣的:(C#,WPF)