两种WPF Toolkit Chart LegendStyle

本文介绍如何通过自定义样式去除WPF图表中的标题和图例,并提供了一个可以直接使用的样式示例。该样式适用于希望简化图表外观的应用场景。

使用WPF数据可视化组件时候需要定义chart的图例风格:

下面从网上找来的,经过调整可以直接使用:

需要添加以下引用: 

}System.Windows.Controls.DataVisualization.Toolkit.dll
}xmlns:chartingToolkit="clr-namespace:System.Windows.Controls.DataVisualization.Charting;assembly=System.Windows.Controls.DataVisualization.Toolkit

}或者xmlns:chartingTookit="http://schemas.microsoft.com/winfx/2006/xaml/presentation/toolkit" 

 1、 不显示Title和Legend的自定义Style

 

 定义:

<Style x:Key="LegendStyle2" TargetType="Control">
        
<Setter Property="Template">
            
<Setter.Value>
                
<ControlTemplate TargetType="chartingToolkit:Chart">
                    
<!--<Border Background="{TemplateBinding Background}"
                        BorderBrush="{TemplateBinding BorderBrush}"
                        BorderThickness="{TemplateBinding BorderThickness}"
                        Padding="10">
-->
                        
<Grid>
                            
<Grid.RowDefinitions>
                                
<RowDefinition Height="Auto"/>
                                
<RowDefinition Height="*"/>
                            
</Grid.RowDefinitions>
                            
<!--<datavis:Title Style="{TemplateBinding TitleStyle}" Content="{TemplateBinding Title}" />-->
                            
<Grid Margin="0,15,0,15" Grid.Row="1">
                                
<Grid.ColumnDefinitions>
                                    
<ColumnDefinition Width="*" />
                                    
<ColumnDefinition Width="Auto" />
                                
</Grid.ColumnDefinitions>
                                    
<!--<datavis:Legend x:Name="Legend"
                                               Style="{TemplateBinding LegendStyle}"
                                               Grid.Column="1"
                                               Title="{TemplateBinding LegendTitle}" />
-->
                                    
<chartingprimitives:EdgePanel x:Name="ChartArea" Style="{TemplateBinding ChartAreaStyle}">
                                    
<Grid Style="{TemplateBinding PlotAreaStyle}" Canvas.ZIndex="-1" />
                                    
<!-- I removed the border-->
                                    
<!--<Border Canvas.ZIndex="10" BorderBrush="#FF919191" BorderThickness="1" />-->
                                    
</chartingprimitives:EdgePanel>
                            
</Grid>
                        
</Grid>
                    
<!--</Border>-->
                
</ControlTemplate>
            
</Setter.Value>
            
</Setter>

        </Style> 

 使用:

         <chartingToolkit:Chart DataContext="1,10 2,20 3,30 4,40" Name="chart1" Title="趋势图" Style="{StaticResource LegendStyle2}" >

            <chartingToolkit:LineSeries DependentValuePath="X" IndependentValuePath="Y"/>
        
</chartingToolkit:Chart>

 

 

转载于:https://www.cnblogs.com/cnluoke/archive/2010/12/23/1915208.html

Microsoft WpfToolkit的更新和扩展: 1、将库版本升级到.NET 4.5,对命名控件进行了替换处理 2、实现了单数据Chart图的混合颜色显示,可通过修改资源字典调整和添加颜色 3、可控制各种Chart图形的数据值显 示 4、坐标轴文本可倾斜显示 5、添加了StepLine图和圆环图,圆环半径比例系数可设定. 6、Legend可位于区域四侧,对齐方式也可以设定,以及是否显示, 可控制Chart Title是否显示 7、柱状图缝隙间隔可调整 8、全方面的加入了各种加载动画效果,动画效果可屏蔽,同时原系统自带动画效果,可叠加,这是两种不同的效果,可以互补性的单个使用 9、设计了五种主题颜色,各人可以针对图形颜色和背景色进行更好的搭配,在用户项目中,可以自己添加新的主题。 10、扩展了时间轴的应用,在新的DateTimeChart中可以通过鼠标平移和缩放时间轴,并测试了两个例子用于动态显示历史曲线,一个是外部定时更新,一个是内部定时更新 11、对LineDataPoint样式进行了设计,现在可以选择线图的点样式(如空心圆、五角星、三角形,矩形等),同时这些不同的点样式可以体现在Legend上,从而实现颜色和图形的双重区分。 12、对饼图的标签排布进行了深度扩展,借鉴了Telerik 饼图的标签排布规则,重新调整了标签排布,现在饼图标签在各种情况下都不会发生重叠,个人感觉比Visifire的饼图标签排布要好,虽然Visifire的饼图标签不会重叠,但连接线可能会出现重叠 13、借鉴了Visifire的标签智能适应,对各种Chart图的标签显示进行了重新定位,现在柱状图/Bar图的标签显示可以自行决定是水平排布还是垂直排布,是位于内部还是位于外部等等,而区域图的标签则使用了Win7窗口的文字区域背景的高斯模糊技巧,这样可以适应各种背景,而Visifire的标签色则通过底部背景色的计算来确定前景色,测试后发现在某些中性色下显示不理想,在Y轴方向上,标签文字能自适应显示。 14、轴标签和数据点值标签都添加了格式化字符串属性的设定 15、轴添加了交替颜色显示设定 16、增加了一些新的Chart类型:Stock/AreaSpline/AreaStepLine/RangeArea/RangeSplineArea/Stacked100AreaSpline/StackedAreaSpline 对Candlestick进行了小幅的调整,现在宽度自适应,以及适应中国的红涨绿跌股市颜色
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值