WPF动态曲线图,LiveCharts.Wpf

前台:  

  <lvc:CartesianChart Series="{Binding LineSeriesCollection}"  Grid.Row="2" Margin="40,10,10,0"  
                            LegendLocation="Top">
                        <lvc:CartesianChart.AxisY >
                            <lvc:Axis >
                                
                            </lvc:Axis>
                        </lvc:CartesianChart.AxisY>
                        <lvc:CartesianChart.AxisX>
                            <lvc:Axis Labels="{Binding  LineXLabels}">
                                <lvc:Axis.Separator>
                                    <lvc:Separator Step="1" Visibility="Hidden" StrokeThickness="1.5" StrokeDashArray="0" Stroke="#404F56"></lvc:Separator>
                                </lvc:Axis.Separator>
                            </lvc:Axis>
                        </lvc:CartesianChart.AxisX>
                    </lvc:CartesianChart>

后台:

   public SeriesCollection lineSeriesCollection = new SeriesCollection();

        public SeriesCollection LineSeriesCollection
        {
            get
            {
                return lineSeriesCollection;
            }

            set
            {
                lineSeriesCollection = value;
            }
        }

//初始化数据

 #region 
            List<string> titles = new List<string> { "一层", "二层", "三层" };

            List<List<int>> values = new List<List<int>>
            {
                new List<int> { 20, 10, 50 , 10, 50 , 10, 50 , 10, 50 , 10, 50 , 10 },//, 50 , 10,  10, 50,10, 50
                new List<int> { 20, 10, 50 , 10, 50 , 10, 50 , 10, 50 , 10, 50 , 10 },//, 50 , 10,  10, 50,10, 50
                new List<int> { 10, 50, 30 , 50, 30 , 50, 30 , 50, 30 , 50, 30 , 50 }//, 30 , 30 , 50, 30 , 10, 50
            };
            List<string> _dates = new List<string>();
            for (int i = 0; i < titles.Count; i++)
            {
                var fill = new SolidColorBrush();
                fill.Opacity = 1;
                LineSeries lineseries = new LineSeries();
                lineseries.DataLabels = true;
                lineseries.Title = titles[i];
                lineseries.Foreground = fill;
                lineseries.Fill = fill;
                lineseries.Values = new ChartValues<int>(values[i]);
       
                LineSeriesCollection.Add(lineseries);
            }
            #endregion

//动态数据

 Task.Run(() =>
            {
                while (true)
                {
                    Thread.Sleep(1000);
                
                    Application.Current.Dispatcher.Invoke(() =>
                    {
                        var r = new Random();
                        //更新横坐标时间

                        LineXLabels.Add(DateTime.Now.ToString("mm:ss"));
                        LineXLabels.RemoveAt(0);
                        //更新纵坐标数据
                        LineSeriesCollection[0].Values.Add(r.Next(80, 100));
                        LineSeriesCollection[0].Values.RemoveAt(0);

                        LineSeriesCollection[1].Values.Add(r.Next(60, 120));
                        LineSeriesCollection[1].Values.RemoveAt(0);

                        LineSeriesCollection[2].Values.Add(r.Next(60, 120));
                        LineSeriesCollection[2].Values.RemoveAt(0);
                    });
                
                }
            });

 

  • 13
    点赞
  • 18
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 3
    评论
评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

向前走,一直走

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值