WinUI3 Chart(图表)——饼状图

1、安装包LiveChartCore.SkiaSharpView.WinUI ,点击下图“程序包管理器控制台”
在这里插入图片描述
2、在下图PM后输入 NuGet\Install-Package LiveChartsCore.SkiaSharpView.WinUI -Version 2.0.0-beta.911
借鉴网址:https://www.lvcharts.com/docs/winui/2.0.0-beta.850/gallery
!在这里插入图片描述

3 、
在Veiw中绑定
xmlns:lvc=“using:LiveChartsCore.SkiaSharpView.WinUI”
<lvc:PieChart
Series=“{Binding SeriesCartesian}”
>
在ViewModel中 :注意msyh.ttc是从电脑系统中的字体下载下来的微软雅黑字体,使用它用来支持中文字体,把它放入生成的Debug文件夹下
void ShowCartesianChart()
{
var typeface = SKTypeface.FromFile(“msyh.ttc”);
TextPaint = new SolidColorPaint()
{
Color = SKColors.DarkSlateGray,
//SKTypeface = SKFontManager.Default.MatchCharacter(‘汉’)
SKTypeface = typeface,

    };
    SeriesCartesian = new ObservableCollection<ISeries> {
           new RowSeries<ObservableValue>
          {
            Values = new[] { new ObservableValue(43)},
            Name="张三",

            DataLabelsPaint=TextPaint,

            DataLabelsPosition=DataLabelsPosition.Middle,
            DataLabelsFormatter=value=>$"{value.Context.Series.Name}{value.Coordinate.PrimaryValue}"


           },
              new RowSeries<ObservableValue>
          {
          Values = new[] { new ObservableValue(23)},
          DataLabelsPaint=TextPaint,

            DataLabelsPosition=DataLabelsPosition.Middle,
            DataLabelsFormatter=value=>"李四"

           },
            };
            var xAxis = new Axis
    {
        Labeler = Labelers.Default,

        //Labels = new[] { "张三", "李四", "王五", "赵六", "测试" },
        //Name = "XXX",
        //LabelsPaint = TextPaint,
        //CrosshairLabelsPaint = TextPaint,
        //NamePaint = TextPaint,


    };


    XCartesianAxes = new List<Axis> { xAxis };

    //YCartesianAxes = new List<Axis> { new Axis { Labeler = Labelers.Currency, LabelsPaint = TextPaint } };
    YCartesianAxes = new List<Axis> { new Axis { IsVisible = false } };
    }

显示中文用
LiveCharts.Configure(config =>
config.HasGlobalSKTypeface(SKFontManager.Default.MatchCharacter(‘汉’)));

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值