10.多柱状图(MuliBarChart)

愿你出走半生,归来仍是少年! 

环境:.NET 7、MAUI 

        话接上回(9.单柱状图(SingleBarChart)),从单柱拓展到多柱状图。

1.数据设置

 private void InitValue(List<BasicSerieDto> dtos)
 {

     Series = new ISeries[dtos.Count];

     for (int i = 0; i < dtos.Count; i++)
     {

         Series[i] = dtos[i].ToMuliBar();

     }

     chart.SetBinding(CartesianChart.SeriesProperty, new Binding("Series"));
 }

2.使用

public partial class MuliBarChartDemo : ContentPage
{
    private class Fruit
    {
        public string name { get; set; }

        public string WeekDay { get; set; }

        public double Money { get; set; }
    }

    public MuliBarChartDemo()
    {
        InitializeComponent();

        #region 原始数据

        List<Fruit> apples = new List<Fruit>();

        for (int i = 0; i < 7; i++)
        {
            apples.Add(new Fruit()
            {
                WeekDay = "周" + i,
                Money = (new Random()).NextDouble() * 10000,
                name = "苹果"
            });

        }

        List<Fruit> pears = new List<Fruit>();

        for (int i = 0; i < 7; i++)
        {
            pears.Add(new Fruit()
            {
                WeekDay = "周" + i,
                Money = (new Random()).NextDouble() * 10000,
                name = "梨子"
            });

        }

        List<Fruit> bananas = new List<Fruit>();

        for (int i = 0; i < 7; i++)
        {
            bananas.Add(new Fruit()
            {
                WeekDay = "周" + i,
                Money = (new Random()).NextDouble() * 10000,
                name = "香蕉"
            });

        }


        #endregion

        var appleDto = new BasicSerieDto(apples[0].name, apples.Select(p => p.Money).ToList(), apples.Select(p => p.WeekDay + "\n" + Math.Round(p.Money, 2)).ToList());


        var pearDto = new BasicSerieDto(pears[0].name, pears.Select(p => p.Money).ToList(), pears.Select(p => p.WeekDay + "\n" + Math.Round(p.Money, 2)).ToList());

        var bananaDto = new BasicSerieDto(bananas[0].name, bananas.Select(p => p.Money).ToList(), bananas.Select(p => p.WeekDay + "\n" + Math.Round(p.Money, 2)).ToList());


        chart.BindData("一周营业额", apples.Select(p => p.WeekDay).ToList(), new List<BasicSerieDto>()
                {
                    appleDto,pearDto,bananaDto
                }
            );


    }
}

3.效果

多柱状图效果
  • 10
    点赞
  • 8
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

就是那个帕吉

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值