WPF实现绘制扇形统计图的示例代码

1. 简介

扇形统计图是一种常见的数据可视化方式，可以清晰地展示数据的占比关系。在WPF（Windows Presentation Foundation）中，我们可以使用各种图形绘制技术来实现绘制扇形统计图的效果。

2. 准备工作

2.1 创建一个WPF应用程序

首先，我们需要创建一个新的WPF项目。在Visual Studio中，选择“创建新项目”并选择“WPF应用程序”。然后，根据向导指示创建项目。

2.2 导入必要的命名空间

在项目的MainWindow.xaml.cs文件中导入以下命名空间：

using System.Windows;
using System.Windows.Controls;
using System.Windows.Media;
using System.Windows.Shapes;

3. 实现绘制扇形统计图

现在，我们来具体实现绘制扇形统计图的功能。

3.1 创建Canvas容器

在MainWindow.xaml文件中，将默认生成的Grid容器替换为一个Canvas容器：

<Window x:Class="WpfApplication1.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        Title="扇形统计图示例" Height="450" Width="800">
    <Canvas x:Name="canvas">
    </Canvas>
</Window>

3.2 绘制扇形统计图

在MainWindow.xaml.cs文件中，重写窗口的Loaded事件处理程序，并在其中添加以下代码来动态绘制扇形统计图：

private void Window_Loaded(object sender, RoutedEventArgs e)
{
    double centerX = canvas.ActualWidth / 2;
    double centerY = canvas.ActualHeight / 2;
    double radius = Math.Min(centerX, centerY) * 0.8;
    double startAngle = 0;
    double[] data = { 20, 30, 10, 40 };
    for (int i = 0; i < data.Length; i++)
    {
        double angle = data[i] / 100 * 360;
        double endAngle = startAngle + angle;
        Path path = new Path();
        path.Fill = Brushes.Blue;
        path.Width = radius;
        path.Height = radius;
        path.SetValue(Canvas.LeftProperty, centerX - path.Width / 2);
        path.SetValue(Canvas.TopProperty, centerY - path.Height / 2);
        PathGeometry geometry = new PathGeometry();
        ArcSegment arc = new ArcSegment(
            new Point(centerX, centerY),
            new Size(radius, radius),
            startAngle,
            angle,
            angle > 180,
            SweepDirection.Clockwise,
            true
        );
        geometry.Figures.Add(new PathFigure(new Point(centerX, centerY), new[] { arc }, false));
        path.Data = geometry;
        canvas.Children.Add(path);
        startAngle = endAngle;
    }
}

在上述代码中，我们首先计算扇形统计图的圆心坐标、半径和起始角度。然后，根据给定的数据数组，循环绘制多个扇形。每个扇形的角度根据数据中的比例计算，扇形的起始角度和结束角度通过累加计算得出。最后，将每个扇形添加到Canvas容器中。

4. 运行效果

现在，我们可以运行程序并查看绘制的扇形统计图：


从图中可以看出，每个扇形的占比直观地表示了相应的数据。

5. 总结

本文介绍了如何使用WPF实现绘制扇形统计图的示例代码。通过创建Canvas容器并根据给定的数据绘制多个扇形，我们可以清晰地展示数据的占比关系。这种数据可视化方式可以在各种数据分析和报表生成场景中得到广泛应用。