LiveChart应用笔记

您所在的位置:网站首页 折线图如何添加图例文字 LiveChart应用笔记

LiveChart应用笔记

2024-07-12 04:39| 来源: 网络整理| 查看: 265

本文主要介绍为LiveChart图表添加自定义图例,并实现曲线隐藏功能。其中,图例中的直线样式与图表中的曲线样式进行了绑定。

第一步。添安装LiveChart.wpf 包、引入命名空间等前期准备

xmlns:lvc="clr-namespace:LiveCharts.Wpf;assembly=LiveCharts.Wpf" xmlns:i="http://schemas.microsoft.com/expression/2010/interactivity"

第二步。添加测试曲线

为曲线绑定数据源及加载请参考LiveChart应用笔记-折线图添加任意数据

第三步。添加图例

第四步。vm中添加图表图例点击命令以及转换器(注意:本项目中安装了mvvmlight框架)

/// /// 图表图例点击命令 /// public ICommand LegendClickCmd { get { return new RelayCommand(l => { switch (l.Visibility) { case Visibility.Visible: l.Visibility = Visibility.Hidden; break; case Visibility.Hidden: l.Visibility = Visibility.Visible; break; case Visibility.Collapsed: break; default: l.Visibility = Visibility.Visible; break; } }); } }

 

public class LegendColorOpacityConverter : IValueConverter { public object Convert(object value, Type targetType, object parameter, CultureInfo culture) { if (value is null) { return 1d; } else { return (Visibility)value == Visibility.Visible ? 1d : .4d; } } public object ConvertBack(object value, Type targetType, object parameter, CultureInfo culture) { throw new NotImplementedException(); } }

第五步。效果



【本文地址】


今日新闻


推荐新闻


CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3