|
class _MyAppState extends State<MyApp>
{
List<MyChartData>
chartData = [];
@override
void initState() {
chartData =
<MyChartData>[
MyChartData('0', 42, 'India'),
MyChartData('1', 47, 'Russia'),
MyChartData('2', 43, 'China'),
MyChartData('3', 49, 'Korea'),
MyChartData('4', 54, 'Africa'),
MyChartData('5', 41, 'Australia'),
];
super.initState();
}
@override
Widget build(BuildContext context) {
return MaterialApp(
home: Scaffold(
body: Center(
child: SfCartesianChart(
primaryXAxis: CategoryAxis(),
primaryYAxis: NumericAxis(),
series:
<LineSeries<MyChartData, String>>[
if (chartData != null)
...chartData.map((dt)
=> dt.country).toSet().map(
(country)
=> LineSeries<MyChartData, String>(
dataSource: chartData
.where((data)
=> data.country == country)
.toList(),
xValueMapper: (MyChartData data, _)
=> data.period,
yValueMapper: (MyChartData data, _)
=> data.value,
animationDuration: 700,
markerSettings: const MarkerSettings(
isVisible: true,
height: 8,
width: 8,
),
name: country,
dataLabelSettings: const DataLabelSettings(
labelAlignment: ChartDataLabelAlignment.top,
isVisible: true,
),
),
),
],
),
),
),
);
}
}
class MyChartData {
MyChartData(this.period, this.value, this.country);
final String? period;
final num? value;
final String? country;
}
|
