WPF Scichart同一图表绘制两条及以上曲线

在网络上查询“scichart绘制两条及以上曲线”相关的内容,几乎没有。在此做相应的记号(关键步骤),以备下次忘记时查看!

引入scichart等步骤忽略。。。

xaml页面:

<!--下面可以放很多线的类型:如散点图, 虚线,曲线等等,这里只以二条曲线为例-->

 <s:SciChartSurface.RenderableSeries>

       <s:FastLineRenderableSeries x:Name="lineSeries1"   StrokeThickness="1" Stroke="Blue"/>

       <s:FastLineRenderableSeries x:Name="lineSeries2"  StrokeThickness="1" Stroke="Red" />

<!--x y轴的间距、标题等等不赘述-->

 </s:SciChartSurface.RenderableSeries>


.cs页面(关键步骤):

 XyDataSeries<double, double> InPhaseDataSeries = new XyDataSeries<double, double>();
  XyDataSeries<double, double> QuadratureDataSeries = new XyDataSeries<double, double>();

 private void Button_Click(object sender, RoutedEventArgs e)
{
       InPhaseDataSeries.Clear();
       QuadratureDataSeries.Clear();

       // 输入需要显示的数据,最终转化为double[]数组。我部分代码如下:

       //分类数据
       for (int i = 0, j = 0; j < vIQData.Length; i++)
       {
            ... ...
            InPhaseDataSeries.Append(i, vData_Q[i]);
            QuadratureDataSeries.Append(i, vData_I[i]);
            ... ...
      }

       lineSeries1.DataSeries = InPhaseDataSeries;
       lineSeries2.DataSeries = QuadratureDataSeries;

},

运行操作后,结果如下图:

有疑问,欢迎留言

资源下载链接为: https://pan.quark.cn/s/0c983733fad2 在C# WPF环境中,动态曲线显示是数据可视化、实时监控和图形用户界面设计中的常见需求。WPF作为.NET Framework的一部分,具备强大的图形渲染能力和丰富的UI设计工具,能够实现动态曲线的更新。以下是实现动态曲线显示的详细步骤: 创建UI元素:在XAML中使用Path控件绘制曲线。Path通过Data属性定义形状,通常绑定到Geometry对象(如StreamGeometry或PathGeometry)。通过数据绑定将曲线几何数据与数据源关联,例如: 设置数据源:动态曲线的数据源是一个存储随时间变化的点集的集合。通常使用ObservableCollection<Point>,它支持观察者模式,当集合中的元素发生变化时,会自动通知绑定的UI控件: 更新曲线数据:通过后台线程(如Task或DispatcherTimer)周期性地计算新的数据点并添加到ObservableCollection中。在修改UI元素时,需使用Dispatcher.Invoke或Dispatcher.BeginInvoke确保操作在主线程执行: 实现曲线移动效果:通过TransformGroup和TranslateTransform实现曲线随x轴移动的效果。每次更新数据后,增加TranslateTransform的X值使曲线向左移动: 事件处理与布局调整:设置事件处理程序(如窗口大小变化事件),根据窗口大小动态调整曲线大小。同时,将曲线的Stretch属性设置为UniformToFill,确保曲线始终充满其容器: 示例代码与资源:key_cam_03文件可能包含示例代码或资源,用于展示如何将上述概念应用于实际项目。在具体应用中,需根据文件内容进行调整。 通过结合WPF的数据绑定、数据源、转换和动画,以及适当
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值