WPF Toolkit 之 AreaSeries chart with DateTime Axis

最新推荐文章于 2024-10-22 12:22:52 发布

__Kevin__

最新推荐文章于 2024-10-22 12:22:52 发布

阅读量2.8k

点赞数

CC 4.0 BY-SA版权

分类专栏： Windows/.Net

本文链接：https://blog.youkuaiyun.com/Kevin__lin/article/details/20696091

Windows/.Net 专栏收录该内容

29 篇文章

订阅专栏

本文介绍如何在WPF Toolkit的图表中隐藏每个数据点的物理显示，并设置不透明度及背景样式。通过修改AreaSeries的数据点样式可以实现这一效果。此外，还展示了如何配置时间轴标签的显示格式。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

By default, the WPF Toolkit chart displays physical points for each datapoint in the series. You can turn this off by setting the data point style:

				var newSeries = new AreaSeries()
				                	{
										Title = categoryToAllocationList.Key,
										Opacity = 1,
										IndependentValuePath = "TimeSpan",
				                		DependentValuePath = "AllocatedCores",
                                        ItemsSource = categoryToAllocationList.Value,
				                		HorizontalContentAlignment = HorizontalAlignment.Left
				                	};
			    
                //Don't display physical points for each data point
				var dataPointOpacitySetter = new Setter(OpacityProperty, 0.0);
				var backgroundSetter = new Setter(BackgroundProperty, brushes[count]);
				newSeries.DataPointStyle = new Style(typeof (AreaDataPoint))
				                           	{
												Setters = { dataPointOpacitySetter, backgroundSetter }
				                           	};

                //Make sure the color is not transparent among multiple area serieses
				var pathOpacitySetter = new Setter(OpacityProperty, 1.0);
				newSeries.PathStyle = new Style(typeof (Path))
				                      	{
											Setters = { pathOpacitySetter }
				                      	};
				
				myGridUsageChart.Series.Add(newSeries);

Please note TimeSpan property must be DateTime type.

<DVC:Chart Name="myXXXChart" Title="XXX Chart" 
                  LegendTitle="XXX XXX" Margin="8,12,12,17" Grid.Column="1">
            
            <DVC:Chart.Axes>
                <DVC:DateTimeAxis Orientation="X" IntervalType="Hours" Interval="1">
                    <DVC:DateTimeAxis.AxisLabelStyle>
                        <Style TargetType="DVC:DateTimeAxisLabel">
                            <Setter Property="StringFormat" Value="{}{0:HH:mm}" />
                        </Style>
                    </DVC:DateTimeAxis.AxisLabelStyle>
                </DVC:DateTimeAxis>
                <DVC:LinearAxis Orientation="Y" ShowGridLines="False" 
                                Visibility="Visible" />
            </DVC:Chart.Axes>
            <DVC:Chart.Series>
                <DVC:AreaSeries Title="Series 1" IndependentValuePath="TimeSpan" DependentValuePath="AllocatedCores" Background="Orange" >
                </DVC:AreaSeries>

                <DVC:AreaSeries Title="Series 2" IndependentValuePath="TimeSpan" DependentValuePath="AllocatedCores" Background="Green" >
                    
                </DVC:AreaSeries>
            </DVC:Chart.Series>
        </DVC:Chart>