WPF MVVM XAML 折线图实现绑定数据

最新推荐文章于 2022-11-21 16:50:24 发布
VIP文章 最新推荐文章于 2022-11-21 16:50:24 发布
阅读量1k 收藏 2
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/haojy826/article/details/107172381
版权

XAML

 <dxc:ChartControl DataSource="{Binding LineChartData}" HorizontalAlignment="Center"  Grid.Row="2" Grid.RowSpan="1" VerticalAlignment="Center" Grid.ColumnSpan="5">
            <dxc:ChartControl.Titles>
                <dxc:Title Content="本月每日产量波动图" HorizontalAlignment="Center" />
            </dxc:ChartControl.Titles>
            <dxc:ChartControl.Diagram>
                <dxc:XYDiagram2D>
                    <dxc:XYDiagram2D.Series>
                        <dxc:LineSeries2D DisplayName="Series1" Name="Series1" MarkerVisible="False"  ArgumentDataMember="Argument" ValueDataMember="Value">                           
                        </dxc:LineSeries2D>                      
                    </dxc:XYDiagram2D.Series>
                </dxc:X
最低0.47元/天 解锁文章
haojy826
关注
  • 0
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 4
    评论
MvvmChart:MvvMChart是一种非常轻量级的MVVM支持和高度可定制的WPFUWP图表控件
05-23
MvvmChart MvvmChart是一种非常轻量级的MVVM支持，并且是WPF（包括DotNet.Core）的高度可定制的图表控件。 特征 极其轻量级：整个代码库仅约6000行； 完美的MVVM支持。 Series，LegendItem，Scatter，BarItem都可以通过数据绑定通过DataTemplate创建。 支持四种类型的系列： LineSeries ， AreaSeries ， ScatterSeries和BarSerie 。 SeriesControl中的四种类型的系列可以动态重叠或删除。 所有这四个系列类型都支持3种堆叠模式：正常（无），堆叠，堆叠100％ ； LineSeries和AreaSeries支持三种几何类型： Polyline ， Stepline和Spinlin e。 通过数据绑定可以轻松更改LineSeries / AreaSeries的几何
使用Telerik控件库制作WPF项目中的折线图、柱状图、饼图和甜甜圈图
weixin_44177600的博客
12-31 1607
使用Telerik控件库制作WPF(MVVM)项目中的折线图、柱状图、饼图和甜甜圈图
wpf 曲线绘制
05-25
用WPF绘制的曲线，可以举一反三。很方便 拿出来与人分享
WPF MVVM Livecharts 柱状图
余道长的博客
09-24 1942
水平柱状图使用绑定 RowSeries Labels = new string[] { "09-01", "09-02", "09-03", "09-04", "09-05", "09-06", "09-07", "09-08", "09-09", "09-10" }; Datatimes = new string[] { "09-01", "09-02", "09-03", "09-04" }; List<double> columnVal...
C#、WPF常用Chart组件汇总
06-20 2104
这个款组件历史比较悠久，从官网来看从2008年就停止了更新。但是从图表种类来说，可以满足开发者的基本要求下面是官方链接，感兴趣的可以look一下： http://zedgraph.sourceforge.net/samples.html 下载地址：https://www.codeproject.com/Articles/196502/WPF-Toolkit-Charting-Controls-Line-Bar-Area-Pie-Co 或 下载地址：https://www.c-sharpcorner.com/
C#WPF用Devexpress在MVVM模式下画图：柱状图，饼状图，曲线图
weixin_43509549的博客
06-23 1408
使用Devexpress在mvvm模式下画图的完整测试图与代码 直接上图跟代码了 chart.xaml代码 饼形图 饼形图 <dxc:ChartControl Name="chartControl"> <dxc:SimpleDiagram2D> <dxc:PieSeries2D x:Name="series" DisplayName="S
封装：WPF绘制曲线视图
热门推荐
HeBianGu的博客
05-09 1万+
一、目的：绘制简单轻量级的曲线视图 二、实现： 1、动画加载曲线 2、点击图例显示隐藏对应曲线 3、绘制标准基准线 4、绘制蒙板显示标准区域 曲线图示例： 心电图示例： 三、实现代码 View： &lt;echart:StaticCurveChartPlotter x:Name="chart" Background="White" DataSource="{Bi...
MVVM模式下WPF动态绑定展示图片
10-19
主要为大家详细介绍了MVVM模式下WPF动态绑定展示图片的相关资料，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
WPF实现MVVM的事件绑定
01-17
WPF实现MVVM的事件绑定的两种非常规方式。 参考博客：https://blog.csdn.net/IQQQQU/article/details/86530285 1、重写InvokeCommandAction来扩充返回的参数 2、运用Behavior来实现事件，可以通过两种方式来获取...
WPF的MVVM模式下的命令绑定示例
02-23
WPF的MVVM模式下的命令绑定示例，包括普通的Command绑定，和CommandParameter参数传入，还有其他命令通过System.Windows.Interactivity.WPF实现绑定和参数传入
用C#2017_WPF实现柱状图、饼图、折线图样例.rar
12-31
用C#2017_WPF实现柱状图、饼图、折线图样例.rar
WPF TextBox水印效果+ MVVM数据绑定
最新发布
04-03
WPF TextBox水印效果 + Template + MVVM数据绑定。 <Setter Property="CaretBrush" Value="{DynamicResource PrimaryTextBrush}" />
WPF之MVVM模式
向往的是：佛祖堂前的鱼，静静听禅。
11-21 7024
MVVM即模型-视图-视图模型 ，是用于解耦 UI 代码和非 UI 代码的 设计模式。借助 MVVM，可以在 XAML 中以声明方式定义 UI，将 UI使用数据绑定标到包含数据和命令的其他层。数据绑定提供数据和结构的松散耦合，使 UI 和链接的数据保持同步，同时可以将用户输入路由到相应的命令。MVVM模式由M（Model），V（View），VM（ViewModel）三部分组成，其设计模式类似为MVC开发模式。目的是解耦UI和代码，编译编辑和修改。
WPF实现自定义曲线视图
秦朝炼丹师的博客
03-25 1095
准备 开发环境：VisualStudio2019；程序类型：WPF应用程序。 布局 首先在项目里新建一个UserControl用户控件，命名为CurveView。简单布下局，界面分两行，上面一行固定高50px，放工具栏，下面一行放曲线的绘制区域。 代码如下： <UserControl x:Class="CustomCurveView.CurveView" xmlns...
WPF经典编程模式-MVVM示例讲解
QQ54332057的专栏
07-15 845
本篇从两个方面来讨论MVVM模式： MVVM理论知识MVVM示例讲解   一，MVVM理论知识 　　从上一篇文章中，我们已经知道，WPF技术的主要特点是数据驱动UI,所以在使用WPF技术开发的过程中是以数据为核心的，WPF提供了数据绑定机制，当数据发生变化时，WPF会自动发出通知去更新UI。  　　我们使用模式，一般是想达到高内聚低耦合。在WPF开发中，经典的编程模式是MVVM，
WPF mvvm模式下实现柱状图显示
xuwenhao211855的专栏
09-01 850
第一步：下载e.TorstenMandelkow.MetroChart.dll 并在项目中添加引用。 第二步：在xaml界面引用部分添加以下代码 xmlns:chart="clr-namespace:De.TorstenMandelkow.MetroChart;assembly=De.TorstenMandelkow.MetroChart" 然后在需要显示柱状图的位置添加以下代码
DEV中ChartControl绑定数据（MVVM）
qq_36600693的博客
11-29 1309
View连接ViewModel，使用DataContext; public MainWindow() {        InitializeComponent();        DataContext = new ViewModelMain();            } 绑定到chart中： &lt;dxc:LineSeries2D DisplayName="pulse" DataSou...
XAML语法之数据绑定及MVVM
qq_33606368的博客
06-29 626
1.数据绑定：即将两个对象绑定到一起，一个发生变化另一个也会改变  数据绑定包括两部分：数据源和目标绑定属性，要求目标对象派生自BindableObject。数据绑定包括两个步骤：1）BindingContext绑定数据源对象2）Binding绑定数据源对象的相应属性1.1View-View之间绑定&lt;ContentPage xmlns="http://xamarin.com/schemas/...
Wpf嵌入Echart控件，在MVVM模式下使用
m0_48144113的博客
09-29 731
Wpf嵌入Echart控件，在MVVM模式下使用
wpf dynamicdatadisplay折线图的数据绑定
04-01
WPF DynamicDataDisplay是一个开源的.NET图形库，可用于创建各种交互式图形，包括折线图、散点图、热力图等。以下是WPF DynamicDataDisplay折线图的数据绑定的示例代码： 1. 首先，在XAML文件中定义动态数据显示控件： ``` <d3:ChartPlotter Name="plotter"> <d3:ChartPlotter.HorizontalAxis> <d3:HorizontalDateTimeAxis /> </d3:ChartPlotter.HorizontalAxis> <d3:ChartPlotter.VerticalAxis> <d3:VerticalAxis /> </d3:ChartPlotter.VerticalAxis> </d3:ChartPlotter> ``` 2. 在C#代码中，创建一个ObservableCollection对象来存储折线图的数据，然后将其绑定到动态数据显示控件上： ``` ObservableCollection<Point> data = new ObservableCollection<Point>(); plotter.AddLineGraph(data, Colors.Blue, 2, "My Data"); // 添加数据 data.Add(new Point(0, 0)); data.Add(new Point(1, 1)); data.Add(new Point(2, 2)); ``` 这里的Point对象表示折线图上的一个数据点，其X和Y属性分别表示点的横坐标和纵坐标。使用AddLineGraph方法将数据绑定到折线图上，并指定线条颜色、线条宽度和线条名称。 3. 添加数据时，只需要将新的Point对象添加到ObservableCollection中即可，折线图会自动更新。 ``` data.Add(new Point(3, 3)); ``` 以上就是WPF DynamicDataDisplay折线图的数据绑定的简单示例。根据需要，可以进一步定制折线图的样式和交互行为。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 4
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值