WPF原生环形图表

最新推荐文章于 2024-08-16 17:00:00 发布

Zhen (Evan) Wang

最新推荐文章于 2024-08-16 17:00:00 发布

阅读量2.2k

点赞数 2

分类专栏： WPF C#

本文链接：https://blog.csdn.net/wzcool273509239/article/details/56480963

版权

本文介绍如何在WPF中使用Canvas子控件创建环形图表，详细讲解了界面和后台代码实现，包括面积计算、百分比转换及前端样式控制。通过引用Microsoft.SDK.Expression.Blend库，并展示具体代码实例，帮助开发者实现自定义环形图表。

摘要由CSDN通过智能技术生成

主要利用Canvas的子控件（两个圆环）的相对定位进行实现，目前高度和宽度是写死的，有需要的人可重写成自定义宽度和高度。

需要引用Microsoft.SDK.Expression.Blend，可通过NuGet获得

1. 界面UCCircleChart.xaml

<UserControl x:Class="HushuPlatform.CommUserControl.HomeLeft.UCCircleChart"
             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"  
             xmlns:ed="http://schemas.microsoft.com/expression/2010/drawing" 
             mc:Ignorable="d" Width="250" Height="260">
    <Grid>
        <Grid.RowDefinitions>
            <RowDefinition Height="210"></RowDefinition>
            <RowDefinition></RowDefinition>
        </Grid.RowDefinitions>
        <Canvas Name="cavans" Height="210"  Width="210">
            <!--空白 作为背景。。Stroke边线颜色；Fill填充颜色-->
            <ed:Arc Canvas.Left="5" Canvas.Top="5" ArcThickness="50" ArcThicknessUnit="Pixel" 
                    HorizontalAlignment="Left" Stretch="None" Stroke="White"  Fill="Transparent"