WPF 控件库Live Charts 折线图多折线比较问题处理

这篇具有很好参考价值的文章主要介绍了WPF 控件库Live Charts 折线图多折线比较问题处理。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

使用Live Charts功能对比多条折线时当Label不是一一对应时会发现折线无法对比如

Labels = 

                    List<double> list2 = new List<double>();
                    list2.Add(2.1);    //x为0.5时
                    list2.Add(2.2);    //x为0.6时
                    list2.Add(2.3);   //x为0.7时
                    list2.Add(2.4);   //x为0.8时
                    list2.Add(2.5);   //x为0.9时
                    list2.Add(2.6);   //x为10.0时
                    list2.Add(2.7);   //x为10.1时
                    List<double> list3 = new List<double>();
                    list3.Add(3.1);   //x为0.55时
                    list3.Add(3.3);   //x为0.65时
                    list3.Add(3.4);   //x为0.75时
                    list3.Add(7.7);   //x为0.95时

                    SeriesList.Add(new LineSeries()
                    {
                        Title = kv.Key,
                        LineSmoothness = 0,
                        PointGeometry = DefaultGeometries.Circle,
                        Values = new ChartValues<double>(list1.Select(x => Double.Parse(x.ToString())).ToList()),

                        Fill = new SolidColorBrush(Colors.Transparent),
                    });
                    SeriesList.Add(new LineSeries()
                    {
                        Title = kv.Key,
                        LineSmoothness = 0,
                        PointGeometry = DefaultGeometries.Circle,
                        Values = new ChartValues<double>(list2.Select(x => Double.Parse(x.ToString())).ToList()),
                        Fill = new SolidColorBrush(Colors.Transparent),
                    });

发现折线图全是断断续续的

如果想要解决以上问题就需要修改ChartValues类型,由原来的double修改成ObservablePoint

        List<LiveCharts.Defaults.ObservablePoint> chartPoint2 = new List<LiveCharts.Defaults.ObservablePoint>();
                    for (int i = 0; i < 100; i++)
                    {
                        if (i % 5 == 0)
                        {
                            continue;
                        }
                        chartPoint2.Add(new LiveCharts.Defaults.ObservablePoint() { X = i + 1.1, Y = i + 10.1 });
                    }
                    List<LiveCharts.Defaults.ObservablePoint> chartPoint3 = new List<LiveCharts.Defaults.ObservablePoint>();
                    for (int i = 0; i < 100; i++)
                    {
                        chartPoint3.Add(new LiveCharts.Defaults.ObservablePoint() { X = i + 1.1, Y = i + 20.1 });
                    }

        SeriesList.Add(new LineSeries()
                    {
                        Title = kv.Key,
                        LineSmoothness = 0,
                        PointGeometry = DefaultGeometries.Circle,
                        Values = new ChartValues<LiveCharts.Defaults.ObservablePoint>(chartPoint2),
                        Fill = new SolidColorBrush(Colors.Transparent),

                    }); ;
                    SeriesList.Add(new LineSeries()
                    { 
                        Title = kv.Key,
                        LineSmoothness = 0,
                        PointGeometry = DefaultGeometries.Circle,
                        Values = new ChartValues<LiveCharts.Defaults.ObservablePoint>(chartPoint3),
                        Fill = new SolidColorBrush(Colors.Transparent),

                    }); 

即可解决上述问题文章来源地址https://www.toymoban.com/news/detail-419593.html

到了这里,关于WPF 控件库Live Charts 折线图多折线比较问题处理的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • C++ Qt开发:Charts折线图绘制详解

    Qt 是一个跨平台C++图形界面开发库,利用Qt可以快速开发跨平台窗体应用程序,在Qt中我们可以通过拖拽的方式将不同组件放到指定的位置,实现图形化开发极大的方便了开发效率,本章将重点介绍 QCharts 折线图的常用方法及灵活运用。 折线图(Line Chart)是一种常用的数据可

    2024年02月04日
    浏览(48)
  • C++ Qt开发:Charts折线图绑定事件

    Qt 是一个跨平台C++图形界面开发库,利用Qt可以快速开发跨平台窗体应用程序,在Qt中我们可以通过拖拽的方式将不同组件放到指定的位置,实现图形化开发极大的方便了开发效率,本章将重点介绍 QCharts 折线图的常用方法及灵活运用。 在上一篇文章中笔者介绍了关于 QChart

    2024年02月04日
    浏览(49)
  • Echarts 折线图实现一条折线显示不同颜色

    在echarts中,如果想要实现折线图前半部分为蓝色,后半部分为红色,怎么处理呢? 这里介绍一种方法,通过markLine图表标线搭配visualMap觉映射组件配合实现,具体代码如下:

    2024年02月16日
    浏览(67)
  • 在 iOS 16 中用 SwiftUI Charts 创建一个折线图

    苹果在 WWDC 2022 上推出了 SwiftUI 图表,这使得在 SwiftUI 视图中创建图表变得异常简单。图表是以丰富的格式呈现可视化数据的一种很好的方式,而且易于理解。本文展示了如何用比以前从头开始创建同样的折线图少得多的代码轻松创建折线图。此外,自定义图表的外观和感觉

    2024年02月01日
    浏览(48)
  • 在WPF应用中使用GongSolutions.WPF.DragDrop实现列表集合控件的拖动处理

    WPF应用中,控件本身也可以通过实现事件代码实现拖动的处理,不过如果我们使用GongSolutions.WPF.DragDrop来处理,事情会变得更加简单轻松,它支持很多控件的拖动处理,如ListBox, ListView, TreeView, DataGrid等源自ItemsControl的控件,本篇随笔介绍在工作流模块中拖动TreeView和DataGrid列表

    2024年02月05日
    浏览(42)
  • echart折线图,调节折线点和y轴的间距(亲测可用)

    options代码: 调节前如图: 把xAxis中的boundaryGap属性注释或者将boundaryGap的值改为ture即可 在 Echarts 中, boundaryGap 属性用于控制柱状图、折线图、面积图等类别轴(如横轴为日期、时间等连续值的轴)的数据在坐标轴两端是否留白。 具体来说,当 boundaryGap 为 true 时,数据会在

    2024年02月15日
    浏览(32)
  • 在vue中Antv G2 折线图如何添加点击事件获取折线上点的值

      在项目中有个需求是点击折线图的点,获取当前点的信息,其它图形都可以参考相关的API获取到,但area做的折线图怎么都获取不到点击的信息,只能获取全部的信息,最终解决如下: 用户的鼠标在折线图上移动时,监听tooltip的变化,通过一个变量记录tooltip的当前值。 对

    2024年02月13日
    浏览(42)
  • WPF 控件分辨率自适应问题

    WPF 控件分辨率自适应时,我首先想到的是使用ViewBox控件来做分辨率自适应。 ViewBox这个控件通常和其他控件结合起来使用,是WPF中非常有用的控件。定义一个内容容器。ViewBox组件的作用是拉伸或延展位于其中的组件,以填满可用空间,使之有更好的布局及视觉效果。 组件常

    2024年02月07日
    浏览(46)
  • 使用WPF开发自定义用户控件,以及实现相关自定义事件的处理

    在前面随笔《使用Winform开发自定义用户控件,以及实现相关自定义事件的处理》中介绍了Winform用户自定义控件的处理,对于Winform自定义的用户控件来说,它的呈现方式主要就是基于GDI+进行渲染的,对于数量不多的控件呈现,一般不会觉察性能有太多的问题,随着控件的数量

    2024年02月02日
    浏览(52)
  • 界面控件DevExpress WPF数据编辑器组件,让数据处理更灵活!(二)

    界面控件DevExpress WPF编辑器库可以帮助用户提供直观的用户体验,具有无与伦比的运行时选项和灵活性。WPF数据编辑器提供了全面的掩码和数据验证支持,可以独立使用,也可以作为容器控件(如DevExpress WPF Grid和WPF TreeList)中的单元格编辑器使用。 在上文中(点击这里回顾),

    2024年02月16日
    浏览(50)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包