【发布时间】：2022-10-17 21:40:43
【问题描述】：
我需要绘制一个图表，我正在努力做到这一点。下面是我的数据。
[
{
"#": "396",
"%": "5.38",
"month": "Apr",
"year": "2022",
"createdAt": "19-Apr-2022 (17:09:09.860499)",
"id": "bcb86f4b-bc48-434f-883b-ff259f624352",
"gender": "M",
"age": "65+"
},
{
"#": "306",
"%": "4.16",
"month": "Apr",
"year": "2022",
"createdAt": "19-Apr-2022 (17:09:09.860499)",
"id": "3ef9f315-c67f-4ceb-ab9e-0d844bf7a903",
"gender": "F",
"age": "25-34"
},
{
"#": "18",
"%": "0.24",
"month": "Apr",
"year": "2022",
"createdAt": "19-Apr-2022 (17:09:09.860499)",
"id": "670fee9c-0dde-4109-a3c3-f2016a23d9f5",
"gender": "U",
"age": "35-44"
},
{
"#": "738",
"%": "10.04",
"month": "Apr",
"year": "2022",
"createdAt": "19-Apr-2022 (17:09:09.860499)",
"id": "fbdbd11a-3938-420d-99a9-1f511bf53665",
"gender": "M",
"age": "55-64"
},
{
"#": "702",
"%": "9.55",
"month": "Apr",
"year": "2022",
"createdAt": "19-Apr-2022 (17:09:09.860499)",
"id": "6428e6bb-3aa0-48e0-a9a7-5d3bdfaadeb5",
"gender": "M",
"age": "45-54"
},
{
"#": "144",
"%": "1.96",
"month": "Apr",
"year": "2022",
"createdAt": "19-Apr-2022 (17:09:09.860499)",
"id": "51d8a363-0446-452f-9c9a-bae65097a89f",
"gender": "F",
"age": "18-24"
},
{
"#": "684",
"%": "9.3",
"month": "Apr",
"year": "2022",
"createdAt": "19-Apr-2022 (17:09:09.860499)",
"id": "fbef1992-3330-4a58-87ed-23fc9e2b6ebb",
"gender": "F",
"age": "55-64"
},
{
"#": "18",
"%": "0.24",
"month": "Apr",
"year": "2022",
"createdAt": "19-Apr-2022 (17:09:09.860499)",
"id": "0bc22406-c83d-46a0-841a-2fa6b4763af3",
"gender": "U",
"age": "25-34"
},
{
"#": "756",
"%": "10.28",
"month": "Apr",
"year": "2022",
"createdAt": "19-Apr-2022 (17:09:09.860499)",
"id": "8b6850fc-28b0-4da3-a564-87d194180ca1",
"gender": "F",
"age": "45-54"
},
{
"#": "18",
"%": "0.24",
"month": "Apr",
"year": "2022",
"createdAt": "19-Apr-2022 (17:09:09.860499)",
"id": "cb1a89c0-a82a-4f07-89d5-d7f6c509f340",
"gender": "M",
"age": "13-17"
},
{
"#": "870",
"%": "11.83",
"month": "Apr",
"year": "2022",
"createdAt": "19-Apr-2022 (17:09:09.860499)",
"id": "d888d2dc-8ffc-47d1-86fc-76e63d38892c",
"gender": "F",
"age": "35-44"
},
{
"#": "900",
"%": "12.24",
"month": "Apr",
"year": "2022",
"createdAt": "19-Apr-2022 (17:09:09.860499)",
"id": "a59f1b9f-03a1-46c3-bc5a-fc543115d52f",
"gender": "M",
"age": "25-34"
},
{
"#": "504",
"%": "6.85",
"month": "Apr",
"year": "2022",
"createdAt": "19-Apr-2022 (17:09:09.860499)",
"id": "5bc4ac9e-f788-4074-b97b-5d07e206aa25",
"gender": "F",
"age": "65+"
},
{
"#": "78",
"%": "1.06",
"month": "Apr",
"year": "2022",
"createdAt": "19-Apr-2022 (17:09:09.860499)",
"id": "1956771e-5656-4b31-a089-c91f300e6604",
"gender": "M",
"age": "18-24"
},
{
"#": "1222",
"%": "16.62",
"month": "Apr",
"year": "2022",
"createdAt": "19-Apr-2022 (17:09:09.860499)",
"id": "05080295-ae52-46a1-b4a7-f5affda40e32",
"gender": "M",
"age": "35-44"
}
]
我需要为每个性别“M”、“F”和“U”创建一个包含 3 个条形的条形图。 xAxis 将是“年龄”字段值。
这就是我设法做到的
这是我的清单：
List<BarChartGroupData> barGroups() {
var data = genderAgeData.genderAgeList;
var pos = new List<int>.generate(data.length, (i) => i);
return data
.asMap()
.map<int, BarChartGroupData>((index, data) {
final value = BarChartGroupData(
barsSpace: 4,
x: pos[index],
barRods: [
BarChartRodData(toY: double.parse(data.percent!), color: masculineColor),
],
showingTooltipIndicators: [0],
);
return MapEntry(index, value);
})
.values
.toList();
}
为了达到我的需要，我相信我必须按性别对数据进行分组。我试图使用 where()，但它不起作用。另外，我不确定是否需要在绘制图表之前和之后对数据进行分组。 我也尝试使用图书馆收藏，但没有成功。 有人可以帮助我吗？ 谢谢
【问题讨论】：