flutterpiechart_Flutter 空心饼状图的实现

根据项目需求,需要实现下面的饼状图

734bf4cf1ae2

然后找到了charts_fluttercharts_flutter | Flutter Package这个插件,进来之后可以看到Readme模块中有一个online gallery

734bf4cf1ae2

可以看出来是使用这个插件可以实现的各种图表的样式,往下拉可以看到在饼状图的示例中,正好有上面UI相同的样式

734bf4cf1ae2

点进去,就可以看到Example: 的示例代码

可以看一下PieChart(XXXXX)(XXXXX代表方法中的各种参数,这里就不提出来了)方法,示例中给出了3个参数,分别为seriesList、animate、defaultRenderer。

先看seriesList,可以看到是Series的一个集合,而Series在示例代码中也看到它的实现方法。Series(

id: 'Sales',

domainFn: (LinearSales sales, _) => sales.year,

measureFn: (LinearSales sales, _) => sales.sales,

data: data,

// Set a label accessor t

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值