服务器之家:专注于服务器技术及软件下载分享
分类导航

PHP教程|ASP.NET教程|Java教程|ASP教程|编程技术|正则表达式|C/C++|IOS|C#|Swift|Android|VB|R语言|JavaScript|易语言|vb.net|

服务器之家 - 编程语言 - C# - WPF 自定义雷达图开发实例教程

WPF 自定义雷达图开发实例教程

2021-12-06 14:54WinterFish C#

这篇文章主要介绍了WPF 自定义雷达图开发实例教程,本文介绍的非常详细,具有参考借鉴价值,需要的朋友可以参考下

自定义雷达图表如下:

WPF 自定义雷达图开发实例教程

1、创建UserControl,名为“RadarChartControl”

前台:

?
1
2
3
4
5
6
7
8
9
10
<UserControl x:Class="WpfApplication2.RadarChartControl"
 xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
 xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
 xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
 xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
 mc:Ignorable="d"
 d:DesignHeight="300" d:DesignWidth="300" Loaded="RadarChartControl_OnLoaded">
 <Canvas x:Name="CanvasPanel" HorizontalAlignment="Center" VerticalAlignment="Center">
 </Canvas>
</UserControl>

后台:

?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
/// <summary>
 /// RadarChartControl.xaml 的交互逻辑
 /// </summary>
 public partial class RadarChartControl : UserControl
 {
 public RadarChartControl()
 {
  InitializeComponent();
 }
 #region 属性
 /// <summary>
 /// 尺寸大小
 /// 高宽大小一样
 /// </summary>
 public double Size
 {
  get { return (double)GetValue(SizeProperty); }
  set { SetValue(SizeProperty, value); }
 }
 public static readonly DependencyProperty SizeProperty = DependencyProperty.Register("Size", typeof(double),
 typeof(RadarChartControl), new PropertyMetadata(400.0));
 /// <summary>
 /// 标题
 /// </summary>
 public List<ArgumentModel> Arguments
 {
  get { return (List<ArgumentModel>)GetValue(ArgumentsProperty); }
  set { SetValue(ArgumentsProperty, value); }
 }
 public static readonly DependencyProperty ArgumentsProperty = DependencyProperty.Register("Arguments", typeof(List<ArgumentModel>),
 typeof(RadarChartControl), new PropertyMetadata(new List<ArgumentModel>()));
 /// <summary>
 /// 数据
 /// </summary>
 public List<ChartItem> Datas
 {
  get { return (List<ChartItem>)GetValue(DatasProperty); }
  set { SetValue(DatasProperty, value); }
 }
 public static readonly DependencyProperty DatasProperty = DependencyProperty.Register("Datas", typeof(List<ChartItem>),
 typeof(RadarChartControl), new PropertyMetadata(new List<ChartItem>()));
 /// <summary>
 /// 获取或设置线条颜色
 /// </summary>
 public Brush BorderBrush
 {
  get { return (Brush)GetValue(BorderBrushProperty); }
  set { SetValue(BorderBrushProperty, value); }
 }
 public static readonly DependencyProperty BorderBrushProperty = DependencyProperty.Register("BorderBrush", typeof(Brush),
 typeof(RadarChartControl), new PropertyMetadata(Brushes.RoyalBlue));
 /// <summary>
 /// 连接点大小
 /// </summary>
 public int EllipseSize = 7;
 /// <summary>
 /// 控件大小
 /// </summary>
 public double TotalSize
 {
  get
  {
  double size = Size + 200;
  return size;
  }
 }
 /// <summary>
 /// 面板
 /// </summary>
 public Canvas ChartCanvas = new Canvas();
 //声明和注册路由事件
 public static readonly RoutedEvent TitleClickRoutedEvent =
 EventManager.RegisterRoutedEvent("TitleClick", RoutingStrategy.Bubble, typeof(EventHandler<RoutedEventArgs>), typeof(RadarChartControl));
 //CLR事件包装
 public event RoutedEventHandler TitleClick
 {
  add { this.AddHandler(TitleClickRoutedEvent, value); }
  remove { this.RemoveHandler(TitleClickRoutedEvent, value); }
 }
 //激发路由事件,借用Click事件的激发方法
 protected void OnClick(object sender, RoutedEventArgs e)
 {
  RoutedEventArgs args = new RoutedEventArgs(TitleClickRoutedEvent, e);
  this.RaiseEvent(args);
 }
 #endregion
 private void RadarChartControl_OnLoaded(object sender, RoutedEventArgs e)
 {
  if (!CheckData())
  {
  throw new Exception("RadarChart的数据之间不匹配!请重新配置!");
  }
  //获取最大数值
  int maxData = Datas.Max(i => i.DataList.Max(o => o.Data));
  //设置面板和背景
  SetCanvasAndBackground(maxData);
  //设置数据标题
  SetDataTitle(Datas);
  //获取半圈大小
  double length = Size / 2 / maxData;
  //连接点半径
  int ellipseR = EllipseSize / 2;
  foreach (var chartItem in Datas)
  {
  var color = chartItem.Color;
  //俩个多边形,一个设置背景,一个设置边框
  Polygon polygonArea = new Polygon() { Fill = color, Opacity = 0.2, StrokeThickness = 0 };
  Polygon polygonBorder = new Polygon() { Fill = Brushes.Transparent, Stroke = color, StrokeThickness = 0.8 };
  int index = 0;
  foreach (var data in chartItem.DataList)
  {
   double currentAngle = Angle * index + 90;
   double angle = (currentAngle / 360) * 2 * Math.PI;
   var r = data.Data * length;
   double x = Size / 2 + r * Math.Cos(angle);
   double y = Size / 2 - r * Math.Sin(angle);
   //多边形添加节点
   var point = new Point()
   {
   X = x,
   Y = y
   };
   polygonArea.Points.Add(point);
   polygonBorder.Points.Add(point);
   //设置节点Style
   var ellipse = new Ellipse() { Width = EllipseSize, Height = EllipseSize, Fill = color };
   Canvas.SetLeft(ellipse, x - ellipseR);
   Canvas.SetTop(ellipse, y - ellipseR);
   ChartCanvas.Children.Add(ellipse);
   index++;
  }
  ChartCanvas.Children.Add(polygonArea);
  ChartCanvas.Children.Add(polygonBorder);
  }
  //设置标题
  SetArguments();
 }
 /// <summary>
 /// 设置数据标题
 /// </summary>
 /// <param name="datas"></param>
 private void SetDataTitle(List<ChartItem> datas)
 {
  RadarChartTitleList titleList = new RadarChartTitleList();
  titleList.ItemSoure = datas;
  double angle = Math.PI * 0.25;
  double x = TotalSize / 2 + (TotalSize / 2) * Math.Sin(angle);
  Canvas.SetLeft(titleList, x);
  Canvas.SetTop(titleList, x);
  CanvasPanel.Children.Add(titleList);
 }
 /// <summary>
 /// 设置标题
 /// </summary>
 private void SetArguments()
 {
  int index = 0;
  foreach (var argument in Arguments)
  {
  var button = new ChartButton();
  button.Content = argument.Name;
  button.Icon = argument.IconSource;
  button.MyButton.Click += OnClick;
  //绘制XY
  double currentAngle = Angle * index + 90;
  double angle = (currentAngle / 360) * 2 * Math.PI;
  var r = TotalSize / 2;
  double x = r + r * Math.Cos(angle) - (button.Width / 2);
  double y = r - r * Math.Sin(angle) - (button.Height / 2);
  //添加按钮高度差异
  y = y + Math.Sin(angle) * (button.Width / 2 - button.Height / 2);
  Canvas.SetLeft(button, x);
  Canvas.SetTop(button, y);
  CanvasPanel.Children.Add(button);
  index++;
  }
 }
 /// <summary>
 /// 检查数据
 /// </summary>
 /// <returns></returns>
 private bool CheckData()
 {
  if (Datas == null)
  {
  return false;
  }
  foreach (var data in Datas)
  {
  bool result = !Datas.Any(i => i.DataList.Count != data.DataList.Count);
  if (!result)
  {
   return false;
  }
  }
  return true;
 }
 /// <summary>
 /// 设置面板和背景
 /// </summary>
 /// <param name="maxIndex"></param>
 private void SetCanvasAndBackground(int maxIndex)
 {
  CanvasPanel.Height = TotalSize;
  CanvasPanel.Width = TotalSize;
  //面板
  ChartCanvas.Height = Size;
  ChartCanvas.Width = Size;
  double canvasX = (TotalSize - Size) / 2;
  Canvas.SetLeft(ChartCanvas, canvasX);
  Canvas.SetTop(ChartCanvas, canvasX);
  CanvasPanel.Children.Add(ChartCanvas);
  //画圈和直线
  var color = BorderBrush;
  double length = Size / 2 / maxIndex;
  for (int i = 0; i < maxIndex; i++)
  {
  double height = length * 2 * (i + 1);
  double left = Size / 2 - length * (i + 1);
  var ellipse = new Ellipse() { Stroke = color, StrokeThickness = 0.5, Height = height, Width = height };
  Canvas.SetLeft(ellipse, left);
  Canvas.SetTop(ellipse, left);
  ChartCanvas.Children.Add(ellipse);
  }
  //暂时设定:4个标题时,画线
  if (Arguments.Count == 4)
  {
  //竖向直线
  Path verticalPath = new Path()
  {
   Stroke = color,
   StrokeThickness = 0.2,
  };
  //添加数据
  StreamGeometry geometry = new StreamGeometry();
  geometry.FillRule = FillRule.Nonzero; //声前F0还是F1,现在是F1
  using (StreamGeometryContext ctx = geometry.Open())
  {
   ctx.BeginFigure(new Point(Size / 2, 0), true, true);
   ctx.LineTo(new Point(Size / 2, Size), true, false);
  }
  geometry.Freeze();
  verticalPath.Data = geometry;
  ChartCanvas.Children.Add(verticalPath);
  //横向直线
  Path horizontalPath = new Path()
  {
   Stroke = color,
   StrokeThickness = 0.2,
  };
  //添加数据
  geometry = new StreamGeometry();
  geometry.FillRule = FillRule.Nonzero; //声前F0还是F1,现在是F1
  using (StreamGeometryContext ctx = geometry.Open())
  {
   ctx.BeginFigure(new Point(0, Size / 2), true, true);
   ctx.LineTo(new Point(Size, Size / 2), true, false);
  }
  geometry.Freeze();
  horizontalPath.Data = geometry;
  ChartCanvas.Children.Add(horizontalPath);
  }
 }
 /// <summary>
 /// 分隔角度
 /// </summary>
 private double Angle
 {
  get
  {
  int count = Arguments.Count;
  double angle = 360 / count;
  return angle;
  }
 }
 }
 /// <summary>
 /// 类标题
 /// </summary>
 public class ArgumentModel
 {
 public ImageSource IconSource { get; set; }
 public string Name { get; set; }
 }
 /// <summary>
 /// 单组数据
 /// </summary>
 public class ChartItem
 {
 public Brush Color { get; set; }
 List<ChartData> dataList = new List<ChartData>();
 public List<ChartData> DataList
 {
  get { return dataList; }
  set { dataList = value; }
 }
 public object Name { get; set; }
 }
 /// <summary>
 /// 数据
 /// </summary>
 public class ChartData
 {
 public string Name { get; set; }
 public int Data { get; set; }
 }

2、创建标题类按钮控件,定义名称为ChartButton

WPF 自定义雷达图开发实例教程

WPF 自定义雷达图开发实例教程

前台:

?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
<UserControl x:Class="WpfApplication2.ChartButton"
  xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
  xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
  xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
  xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
  mc:Ignorable="d"
  d:DesignHeight="80" d:DesignWidth="200" Loaded="ChartButton_OnLoaded">
 <UserControl.Resources>
 <Style TargetType="Button">
  <Setter Property="Foreground" Value="White"></Setter>
 </Style>
 </UserControl.Resources>
 <Grid>
 <Button x:Name="MyButton" VerticalAlignment="Center" HorizontalAlignment="Center">
  <Button.Template>
  <ControlTemplate TargetType="{x:Type Button}">
   <Grid x:Name="ButtonGrid" Height="{TemplateBinding Height}">
   <Rectangle x:Name="ButtonRetc" RadiusX="20" RadiusY="25" Stroke="#FF06FFE8"></Rectangle>
   <StackPanel Orientation="Horizontal" Margin="20,5" HorizontalAlignment="Center">
    <Rectangle Height="{Binding IconHeight}" Width="{Binding IconWidth}">
    <Rectangle.Fill>
     <ImageBrush ImageSource="{Binding Icon}"></ImageBrush>
    </Rectangle.Fill>
    </Rectangle>
    <TextBlock x:Name="ButtonTextBlock" Text="{TemplateBinding Content}" Foreground="{TemplateBinding Foreground}" Margin="8,-2,0,0" FontSize="22" VerticalAlignment="Center" TextAlignment="Center"></TextBlock>
   </StackPanel>
   </Grid>
   <ControlTemplate.Triggers>
   <DataTrigger Binding="{Binding ElementName=MyButton,Path=IsFocused}" Value="True">
    <DataTrigger.Setters>
    <Setter TargetName="ButtonRetc" Property="Fill" Value="#FFA9BCFF"></Setter>
    <Setter TargetName="ButtonRetc" Property="StrokeThickness" Value="0.5"></Setter>
    <Setter TargetName="ButtonTextBlock" Property="Foreground" Value="#FF06FFE8"></Setter>
    </DataTrigger.Setters>
   </DataTrigger>
   <DataTrigger Binding="{Binding ElementName=MyButton,Path=IsPressed}" Value="true">
    <DataTrigger.Setters>
    <Setter TargetName="ButtonTextBlock" Property="FontWeight" Value="Bold"></Setter>
    </DataTrigger.Setters>
   </DataTrigger>
   <DataTrigger Binding="{Binding ElementName=MyButton,Path=IsFocused}" Value="false">
    <DataTrigger.Setters>
    <Setter TargetName="ButtonRetc" Property="Fill" Value="Transparent"></Setter>
    <Setter TargetName="ButtonRetc" Property="StrokeThickness" Value="0"></Setter>
    </DataTrigger.Setters>
   </DataTrigger>
   </ControlTemplate.Triggers>
  </ControlTemplate>
  </Button.Template>
 </Button>
 </Grid>
</UserControl>

后台:

?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
/// <summary>
 /// ChartButton.xaml 的交互逻辑
 /// </summary>
 public partial class ChartButton : UserControl
 {
 public ChartButton()
 {
  InitializeComponent();
 }
 #region 属性
 /// <summary>
 /// 工具提示
 /// </summary>
 public string ToolTip
 {
  get { return (string)GetValue(ToolTipProperty); }
  set { SetValue(ToolTipProperty, value); }
 }
 public static readonly DependencyProperty ToolTipProperty = DependencyProperty.Register("ToolTip",
 typeof(string), typeof(ChartButton), new PropertyMetadata());
 /// <summary>
 /// 按钮内容
 /// </summary>
 public string Content
 {
  get { return (string)GetValue(ContentProperty); }
  set { SetValue(ContentProperty, value); }
 }
 public static readonly DependencyProperty ContentProperty = DependencyProperty.Register("Content",
 typeof(string), typeof(ChartButton), new PropertyMetadata("按钮"));
 /// <summary>
 /// 图标
 /// </summary>
 public ImageSource Icon
 {
  get { return (ImageSource)GetValue(IconProperty); }
  set { SetValue(IconProperty, value); }
 }
 public static readonly DependencyProperty IconProperty = DependencyProperty.Register("Icon",
 typeof(ImageSource), typeof(ChartButton), new PropertyMetadata());
 /// <summary>
 /// 图标高度
 /// </summary>
 public double IconHeight
 {
  get { return (double)GetValue(IconHeightProperty); }
  set { SetValue(IconHeightProperty, value); }
 }
 public static readonly DependencyProperty IconHeightProperty = DependencyProperty.Register("IconHeight",
 typeof(double), typeof(ChartButton), new PropertyMetadata(25.0));
 /// <summary>
 /// 图标宽度
 /// </summary>
 public double IconWidth
 {
  get { return (double)GetValue(IconWidthProperty); }
  set { SetValue(IconWidthProperty, value); }
 }
 public static readonly DependencyProperty IconWidthProperty = DependencyProperty.Register("IconWidth",
 typeof(double), typeof(ChartButton), new PropertyMetadata(25.0));
 /// <summary>
 /// 高度
 /// </summary>
 public double Height
 {
  get { return (double)GetValue(HeightProperty); }
  set { SetValue(HeightProperty, value); }
 }
 public static readonly DependencyProperty HeightProperty = DependencyProperty.Register("Height",
 typeof(double), typeof(ChartButton), new PropertyMetadata(46.0));
 /// <summary>
 /// 宽度
 /// </summary>
 public double Width
 {
  get { return (double)GetValue(WidthProperty); }
  set { SetValue(WidthProperty, value); }
 }
 public static readonly DependencyProperty WidthProperty = DependencyProperty.Register("Width",
 typeof(double), typeof(ChartButton), new PropertyMetadata(170.0));
 #endregion
 private void ChartButton_OnLoaded(object sender, RoutedEventArgs e)
 {
  MyButton.ToolTip = ToolTip;
  MyButton.Content = Content;
  MyButton.Width = Width;
  MyButton.Height = Height;
  if (Icon != null)
  {
  MyButton.DataContext = new ChartButtonModel()
  {
   Icon = Icon,
   IconHeight = IconHeight,
   IconWidth = IconWidth
  };
  }
 }
 }
 public class ChartButtonModel
 {
 public ImageSource Icon { get; set; }
 public double IconHeight { get; set; }
 public double IconWidth { get; set; }
 }

3、定义数据组标题显示列表

WPF 自定义雷达图开发实例教程

前台:

?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
<UserControl x:Class="WpfApplication2.RadarChartTitleList"
  xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
  xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
  xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
  xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
  mc:Ignorable="d"
  d:DesignHeight="300" d:DesignWidth="300" Loaded="RadarChartTitleList_OnLoaded">
 <UserControl.Resources>
 <Style x:Key="ItemContainer" TargetType="{x:Type ListBoxItem}">
  <Setter Property="Template">
  <Setter.Value>
   <ControlTemplate TargetType="{x:Type ListBoxItem}">
   <Border x:Name="IconBorder" Background="Transparent" CornerRadius="4" BorderThickness="0">
    <ContentPresenter />
   </Border>
   <ControlTemplate.Triggers>
    <Trigger Property="IsSelected" Value="true">
    <Setter TargetName="IconBorder" Property="BitmapEffect">
     <Setter.Value>
     <OuterGlowBitmapEffect GlowColor="Transparent" GlowSize="5" />
     </Setter.Value>
    </Setter>
    </Trigger>
   </ControlTemplate.Triggers>
   </ControlTemplate>
  </Setter.Value>
  </Setter>
 </Style>
 </UserControl.Resources>
 <Grid>
 <ListBox x:Name="MyListBox" ItemsSource="{Binding}" ItemContainerStyle="{StaticResource ItemContainer}" FocusVisualStyle="{x:Null}">
  <ListBox.Template>
  <ControlTemplate>
   <StackPanel Background="Transparent" IsItemsHost="True"></StackPanel>
  </ControlTemplate>
  </ListBox.Template>
  <ListBox.ItemTemplate>
  <DataTemplate>
   <Grid HorizontalAlignment="Left" VerticalAlignment="Center" Background="Transparent">
   <Grid.ColumnDefinitions>
    <ColumnDefinition Width="Auto"></ColumnDefinition>
    <ColumnDefinition Width="*"></ColumnDefinition>
   </Grid.ColumnDefinitions>
   <Grid HorizontalAlignment="Center" Margin="10,0" Background="Transparent">
    <Ellipse Fill="{Binding Color}" Height="6" Width="6" HorizontalAlignment="Right" VerticalAlignment="Center"></Ellipse>
    <Canvas VerticalAlignment="Center" HorizontalAlignment="Center">
    <Path Fill="{Binding Color}" Height="5" StrokeThickness="1" Stroke="{Binding Color}" VerticalAlignment="Center" Data="M-10,0 L10,0"></Path>
    </Canvas>
   </Grid>
   <TextBlock Grid.Column="1" Text="{Binding Name}" Foreground="White" Background="Transparent"></TextBlock>
   </Grid>
  </DataTemplate>
  </ListBox.ItemTemplate>
 </ListBox>
 </Grid>
</UserControl>

后台:

?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
/// <summary>
 /// RadarChartTitleList.xaml 的交互逻辑
 /// </summary>
 public partial class RadarChartTitleList : UserControl
 {
 public RadarChartTitleList()
 {
  InitializeComponent();
 }
 /// <summary>
 /// 数据
 /// </summary>
 public List<ChartItem> ItemSoure
 {
  get { return (List<ChartItem>)GetValue(ItemSoureProperty); }
  set { SetValue(ItemSoureProperty, value); }
 }
 public static readonly DependencyProperty ItemSoureProperty = DependencyProperty.Register("ItemSoure", typeof(List<ChartItem>),
 typeof(RadarChartControl), new PropertyMetadata(new List<ChartItem>()));
 private void RadarChartTitleList_OnLoaded(object sender, RoutedEventArgs e)
 {
  this.DataContext = ItemSoure;
 }
 }

4、界面引用控件

?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
<Window x:Class="WpfApplication2.MainWindow"
  xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
  xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
  xmlns:wpfApplication2="clr-namespace:WpfApplication2"
  Title="MainWindow" Height="350" Width="525" Background="LightGray">
 <Grid>
  <wpfApplication2:RadarChartControl x:Name="RadarChartControl" HorizontalAlignment="Center" VerticalAlignment="Center">
   <wpfApplication2:RadarChartControl.Arguments>
    <wpfApplication2:ArgumentModel Name="C#" IconSource="Chart_Bar_Big.png"></wpfApplication2:ArgumentModel>
    <wpfApplication2:ArgumentModel Name="JAVA" IconSource="Blueprint_Blog.png"></wpfApplication2:ArgumentModel>
    <wpfApplication2:ArgumentModel Name="Python" IconSource="Chart_Graph_Descending.png"></wpfApplication2:ArgumentModel>
    <wpfApplication2:ArgumentModel Name="VB" IconSource="Chart_Bar_Big.png"></wpfApplication2:ArgumentModel>
    <wpfApplication2:ArgumentModel Name="其它" IconSource="Chart_Graph_Descending.png"></wpfApplication2:ArgumentModel>
   </wpfApplication2:RadarChartControl.Arguments>
   <wpfApplication2:RadarChartControl.Datas>
    <wpfApplication2:ChartItem Name="应聘者A" Color="#FF07C507">
     <wpfApplication2:ChartItem.DataList>
      <wpfApplication2:ChartData Data="1"></wpfApplication2:ChartData>
      <wpfApplication2:ChartData Data="3"></wpfApplication2:ChartData>
      <wpfApplication2:ChartData Data="3"></wpfApplication2:ChartData>
      <wpfApplication2:ChartData Data="4"></wpfApplication2:ChartData>
      <wpfApplication2:ChartData Data="4"></wpfApplication2:ChartData>
     </wpfApplication2:ChartItem.DataList>
    </wpfApplication2:ChartItem>
    <wpfApplication2:ChartItem Name="应聘者B" Color="#FF508BF3">
     <wpfApplication2:ChartItem.DataList>
      <wpfApplication2:ChartData Data="4"></wpfApplication2:ChartData>
      <wpfApplication2:ChartData Data="1"></wpfApplication2:ChartData>
      <wpfApplication2:ChartData Data="2"></wpfApplication2:ChartData>
      <wpfApplication2:ChartData Data="1"></wpfApplication2:ChartData>
      <wpfApplication2:ChartData Data="1"></wpfApplication2:ChartData>
     </wpfApplication2:ChartItem.DataList>
    </wpfApplication2:ChartItem>
    <wpfApplication2:ChartItem Name="应聘者C" Color="#FFF73131">
     <wpfApplication2:ChartItem.DataList>
      <wpfApplication2:ChartData Data="2"></wpfApplication2:ChartData>
      <wpfApplication2:ChartData Data="2"></wpfApplication2:ChartData>
      <wpfApplication2:ChartData Data="3"></wpfApplication2:ChartData>
      <wpfApplication2:ChartData Data="3"></wpfApplication2:ChartData>
      <wpfApplication2:ChartData Data="3"></wpfApplication2:ChartData>
     </wpfApplication2:ChartItem.DataList>
    </wpfApplication2:ChartItem>
   </wpfApplication2:RadarChartControl.Datas>
  </wpfApplication2:RadarChartControl>
 </Grid>
</Window>

以上所述是小编给大家介绍的WPF 自定义雷达图开发实例教程,希望对大家有所帮助,如果大家有任何疑问欢迎给我留言,小编会及时回复大家的,在此也非常感谢大家对服务器之家网站的支持!

原文链接:http://www.cnblogs.com/kybs0/archive/2016/09/03/5788771.html

延伸 · 阅读

精彩推荐
  • C#利用C#实现网络爬虫

    利用C#实现网络爬虫

    这篇文章主要介绍了利用C#实现网络爬虫,完整的介绍了C#实现网络爬虫详细过程,感兴趣的小伙伴们可以参考一下...

    C#教程网11852021-11-16
  • C#C#微信公众号与订阅号接口开发示例代码

    C#微信公众号与订阅号接口开发示例代码

    这篇文章主要介绍了C#微信公众号与订阅号接口开发示例代码,结合实例形式简单分析了C#针对微信接口的调用与处理技巧,需要的朋友可以参考下...

    smartsmile20127762021-11-25
  • C#C#设计模式之Strategy策略模式解决007大破密码危机问题示例

    C#设计模式之Strategy策略模式解决007大破密码危机问题示例

    这篇文章主要介绍了C#设计模式之Strategy策略模式解决007大破密码危机问题,简单描述了策略模式的定义并结合加密解密算法实例分析了C#策略模式的具体使用...

    GhostRider10972022-01-21
  • C#VS2012 程序打包部署图文详解

    VS2012 程序打包部署图文详解

    VS2012虽然没有集成打包工具,但它为我们提供了下载的端口,需要我们手动安装一个插件InstallShield。网上有很多第三方的打包工具,但为什么偏要使用微软...

    张信秀7712021-12-15
  • C#如何使用C#将Tensorflow训练的.pb文件用在生产环境详解

    如何使用C#将Tensorflow训练的.pb文件用在生产环境详解

    这篇文章主要给大家介绍了关于如何使用C#将Tensorflow训练的.pb文件用在生产环境的相关资料,文中通过示例代码介绍的非常详细,需要的朋友可以参考借鉴...

    bbird201811792022-03-05
  • C#深入理解C#的数组

    深入理解C#的数组

    本篇文章主要介绍了C#的数组,数组是一种数据结构,详细的介绍了数组的声明和访问等,有兴趣的可以了解一下。...

    佳园9492021-12-10
  • C#SQLite在C#中的安装与操作技巧

    SQLite在C#中的安装与操作技巧

    SQLite,是一款轻型的数据库,用于本地的数据储存。其优点有很多,下面通过本文给大家介绍SQLite在C#中的安装与操作技巧,感兴趣的的朋友参考下吧...

    蓝曈魅11162022-01-20
  • C#三十分钟快速掌握C# 6.0知识点

    三十分钟快速掌握C# 6.0知识点

    这篇文章主要介绍了C# 6.0的相关知识点,文中介绍的非常详细,通过这篇文字可以让大家在三十分钟内快速的掌握C# 6.0,需要的朋友可以参考借鉴,下面来...

    雨夜潇湘8272021-12-28