Multi dimension linechart
Hello,
Please provide sample flutter linechart as show in screenshot below
| Period | Country A | Country B |
| Jan-23 | 435 | 544 |
| Feb-23 | 665 | 335 |
| Mar-23 | 234 | 234 |
Best regards
Sao
Hi Sao,
You can achieve your requirement by using LineSeries within the series. In the LineSeries, the Line segment is drawn using the xValueMapper and yValueMapper. We have included a code snippet, output, and screenshot for your reference. Please let us know if you require further assistance.
Code snippet:
List<_SalesData> data = [ _SalesData(DateTime(2023, 01, 23), 435, 544), _SalesData(DateTime(2023, 02, 23), 665, 335), _SalesData(DateTime(2023, 03, 23), 234, 234), ]; series: <ChartSeries<_SalesData, DateTime>>[ LineSeries<_SalesData, DateTime>( dataSource: data, xValueMapper: (_SalesData sales, _) => sales.year, yValueMapper: (_SalesData sales, _) => sales.countryA, name: 'countryA', width: 5, color: Colors.blue, markerSettings: const MarkerSettings( isVisible: true, color: Colors.blue, ), ), LineSeries<_SalesData, DateTime>( dataSource: data, xValueMapper: (_SalesData sales, _) => sales.year, yValueMapper: (_SalesData sales, _) => sales.countryB, name: 'countryB', width: 5, color: Colors.orange, markerSettings: const MarkerSettings( isVisible: true, color: Colors.orange, ), ), ],
|
Output:
Regards,
Loeksh.
Attachment: chart_182971_f52de064.zip
