WPF Visifire 入门-动态曲线图[通俗易懂]

WPF Visifire 入门-动态曲线图[通俗易懂]kagula2019-3-18这里用源代码的形式,示范如何画出一个最简单的动态曲线图。开发环境,Visualstudio2017CommunityUpdate5项目类型:WPFC#.NetFramework4.6.1本文适用对象:有两年没有开发C#WPF的程序员,通过这个示例可以快速回忆。下面是运行效果图,不停显示最新生成的十个数据点。让…

大家好,又见面了,我是你们的朋友全栈君。

kagula

2019-3-18

这里用源代码的形式,示范如何画出一个最简单的动态曲线图。

开发环境,Visual studio 2017 Community Update5 

项目类型: WPF C# .NetFramework 4.6.1 

本文适用对象:  有两年没有开发C# WPF的程序员, 通过这个示例可以快速回忆。

下面是运行效果图,不停显示最新生成的十个数据点。

WPF Visifire 入门-动态曲线图[通俗易懂]

让程序跑起来分三步

第一步

新建WPF项目, 添加Reference, WPFVisifire.Charts.dll

第二步

修改xaml, 修改后的内容如下

<Window x:Class="testVisifire.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:vc="clr-namespace:Visifire.Charts;assembly=WPFVisifire.Charts"
        xmlns:local="clr-namespace:testVisifire"
        mc:Ignorable="d"
        Title="MainWindow" Height="450" Width="800">
    <Grid>
        <vc:Chart Name="chart" DockPanel.Dock="Left" Margin="6" />
    </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 Visifire.Charts;

namespace testVisifire
{
    /// <summary>
    /// Interaction logic for MainWindow.xaml
    /// </summary>
    public partial class MainWindow : Window
    {
        System.Timers.Timer _timer;
        Random _random = new Random();

        public MainWindow()
        {
            InitializeComponent();

            initChart();

            addData2Chart();

            initTimer();

            _timer.Start();
        }

        private void initChart()
        {
            // 创建一个标题的对象
            Title title = new Title();

            // 设置标题的名称
            title.Text = "abc";
            title.Padding = new Thickness(0, 10, 5, 0);

            // 向图标添加标题
            chart.Titles.Add(title);

            // 初始化一个新的Axis 
            Axis xAxis = new Axis();
            // 设置axis的属性
            //图表的X轴坐标按什么来分类,如时分秒 
            xAxis.IntervalType = IntervalTypes.Seconds;
            //图表中的X轴坐标间隔如2,3,20等,单位为xAxis.IntervalType设置的时分秒。 
            xAxis.Interval = 1;
            //设置X轴的时间显示格式为7-10 11:20 
            xAxis.ValueFormatString = "hh:mm:ss";
            //给图标添加Axis 
            chart.AxesX.Add(xAxis);
            Axis yAxis = new Axis();
            //设置图标中Y轴的最小值永远为0 
            yAxis.AxisMinimum = 0;
            yAxis.AxisMaximum = 64;
            //设置图表中Y轴的后缀 
            yAxis.Suffix = "";
            chart.AxesY.Add(yAxis);
        }

        private void addData2Chart()
        {
            // 创建一个新的数据线。 
            DataSeries dataSeries = new DataSeries();

            // 设置数据线的格式。 
            dataSeries.RenderAs = RenderAs.Line;
            dataSeries.XValueType = ChartValueTypes.DateTime;

            /*
            for (int i = 0; i < 32; i++)
            {            
                // 设置数据点 
                DataPoint dataPoint;
                // 创建一个数据点的实例。 
                dataPoint = new DataPoint();

                // 设置X轴点 
                DateTime dt = DateTime.Now;
                dataPoint.XValue = dt.AddSeconds(i);

                //设置Y轴点 
                dataPoint.YValue = i;
                dataPoint.MarkerSize = 8;
                dataPoint.Tag = "bbb";

                //设置数据点颜色 
                dataPoint.Color = new SolidColorBrush(Colors.LightGray);

                //添加数据点 
                dataSeries.DataPoints.Add(dataPoint);

                //测试删除前面的点
                if(dataSeries.DataPoints.Count>10)
                {
                    dataSeries.DataPoints.RemoveAt(0);
                }
            }
            */
            // 添加数据线到数据序列。 
            chart.Series.Add(dataSeries);
        }

        private void initTimer()
        {
            _timer = new System.Timers.Timer(1000);

            //实例化Timer类,设置间隔时间为10000毫秒;   

            _timer.Elapsed += new System.Timers.ElapsedEventHandler(onTimer);

            //到达时间的时候执行事件; 
        }


        public void onTimer(object source, System.Timers.ElapsedEventArgs e)
        {
            this.Dispatcher.Invoke(new Action(() => {
                try
                {
                    DataSeries ds = chart.Series[0];
                    DataPoint dataPoint = new DataPoint();

                    // 设置X轴点 
                    DateTime dt = DateTime.Now;
                    dataPoint.XValue = dt.AddSeconds(10);

                    //设置Y轴点 
                    dataPoint.YValue = _random.Next(1,32);
                    dataPoint.MarkerSize = 8;

                    //设置数据点颜色 
                    dataPoint.Color = new SolidColorBrush(Colors.LightGray);

                    //添加数据点 
                    ds.DataPoints.Add(dataPoint);

                    //测试删除前面的点
                    if (ds.DataPoints.Count > 10)
                    {
                        ds.DataPoints.RemoveAt(0);
                    }
                }
                catch (Exception ex)
                {
                    System.Diagnostics.Debug.WriteLine(ex.Message);
                }
            }));         

        }
    }
}

最后F5就可以运行了。

注意:

[1]如果要让控件自动适应窗口大小建议外面一层用Grid,里面再套StackPanel.

[2]在xaml中等布局好后,最后放visifire, 因为放了visifire,图形编辑环境就不能render了,等有时间,研究下如何解决这个问题。

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。

发布者:全栈程序员-用户IM,转载请注明出处:https://javaforall.cn/162803.html原文链接:https://javaforall.cn

【正版授权,激活自己账号】: Jetbrains全家桶Ide使用,1年售后保障,每天仅需1毛

【官方授权 正版激活】: 官方授权 正版激活 支持Jetbrains家族下所有IDE 使用个人JB账号...

(0)


相关推荐

  • idea2021.8永久激活码_在线激活

    (idea2021.8永久激活码)JetBrains旗下有多款编译器工具(如:IntelliJ、WebStorm、PyCharm等)在各编程领域几乎都占据了垄断地位。建立在开源IntelliJ平台之上,过去15年以来,JetBrains一直在不断发展和完善这个平台。这个平台可以针对您的开发工作流进行微调并且能够提供…

  • ORA-12154:TNS:无法处理服务名

    ORA-12154:TNS:无法处理服务名环境:PLSQLDeveloper1332位,oracle9i310精简客户端32位因为PLSQLDeveloper1332位默认安装在C盘ProgramFiles(x86)下,就是因为这个路径问题导致会报这个错误,将PLSQLDeveloper安装在其他不包含中文,括号,空格的目录下即可。…

  • 【学习强化学习】十三、模仿学习介绍[通俗易懂]

    【学习强化学习】十三、模仿学习介绍[通俗易懂]文章目录参考资料1.模仿学习概述2.行为克隆2.1行为克隆缺点缺点1:观测非常有限缺点2:机器会完全模仿专家的行为缺点3:训练数据跟测试数据不匹配2.逆强化学习2.1概述2.2奖励函数2.2IRLvsGAN3.第三人称视角模仿学习4.练习4.1keywords参考资料https://datawhalechina.github.io/easy-rl/#/chapter11/chapter111.模仿学习概述模仿学习(imitationlearning,IL)又叫做示范学习(

  • pycharm导入自定义模块_模块导入速度python

    pycharm导入自定义模块_模块导入速度pythonPycharm是很多Python开发者的首选IDE,如果能把一个工具熟练运用,往往有事半功倍的效果,各种快捷键、重构功能、调试技巧。由于Python是一门动态语言,对于自动导入包模块没有静态语言那么方便,但是我们有了Pycharm,还是可以很强大的。平时写代码的时候,要引用系统自带的模块或者是第三方模块,甚至是项目中其它地方的模块,有时候代码快写了一整屏,为了把一个模块导入进来,我们不得不把光标

  • Windows程序设计——窗口键盘消息滚动事件[通俗易懂]

    Windows程序设计——窗口键盘消息滚动事件[通俗易懂]设置头文件#include <Windows.h>#include “systems.h”以下是头文件内容#pragma once#include <Windows.h>#define NUMLINES ((int)(sizeof sysmetrics/sizeof sysmetrics[0]))struct { int Index; char sz…

  • anaconda和pycharm安装哪个版本好_pycharm专业版激活成功教程安装教程

    anaconda和pycharm安装哪个版本好_pycharm专业版激活成功教程安装教程文章目录Pycharm中嵌入AnacondaAnaconda下载Pycharm下载Anaconda安装Pycharm安装将Anaconda配置到Pycharm中添加一个python文件到工程Pycharm中嵌入AnacondaAnaconda下载关于这两个软件的介绍,相信不用我多说,大家都知道,Pycharm是一款很好用的Python的IDE支持很多牛逼的骚操作,而Anaconda则是一款集…

发表回复

您的电子邮箱地址不会被公开。

关注全栈程序员社区公众号