LiveChart应用笔记 |
您所在的位置:网站首页 › 折线图如何添加图例文字 › LiveChart应用笔记 |
本文主要介绍为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 |