how to create line chart in flutter | fl_chart

Подписаться 7 тыс.

Просмотров 20 тыс.

50% 1

This tutorial shows you how to create line chart in your flutter application. The package that used in this tutorial is fl_chart. For more information about the package, please visit pub.dev.com for details.
If you enjoyed this video be sure to give it a like and subscribe for more!
- Follow us for updates ! 👇
-----------------------------------------------------------------
- ✔ Facebook Page : @CreateWithFlutter
-----------------------------------------------------------------
- Like the video and subscribe to the channel!
- Thank you!
Song: Ikson - Lights (Vlog No Copyright Music)
Music promoted by Vlog No Copyright Music.
Video Link: • Ikson - Lights (Vlog N...
#flutter
#flutterpackage
#flutterdeveloper

Наука

Опубликовано:

30 авг 2022

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 12

@josuegarza9736 Год назад

you just gave me a carefree vacation, thank you

@fadymena8234 Год назад

this is the only video i found that works fine with flutter3 🔝🔝🔝

@bhardwaj_abhi3421 Год назад

bar chart and pie chart ???

@SyukurZay 2 месяца назад

do you know how to make scrill x value, so i have data x is 20, but i want scroll to show data, show chart beatutiful

@rioauliayahya4074 Год назад

how to change that title below the line chart to string type?

@joshredgrift5133 2 месяца назад

This is what I did. Check out the bottomTitles widget. LineChart( LineChartData( minY: 0, maxY: 100, lineBarsData: [ LineChartBarData( spots: [ FlSpot(0, 20), FlSpot(1, 10), FlSpot(2, 30), FlSpot(3, 60), FlSpot(4, 50), FlSpot(5, 80), FlSpot(6, 70), ], color: colorPrimary, isCurved: true, barWidth: 6, dotData: FlDotData(show: false), ), ], titlesData: FlTitlesData( topTitles: const AxisTitles( sideTitles: SideTitles(showTitles: false), ), rightTitles: const AxisTitles( sideTitles: SideTitles(showTitles: false), ), bottomTitles: AxisTitles( sideTitles: SideTitles( showTitles: true, reservedSize: 30, interval: 1, getTitlesWidget: (value, meta) { switch (value.toInt()) { case 0: return const Text('Mon'); case 1: return const Text('Tue'); case 2: return const Text('Wed'); case 3: return const Text('Thu'); case 4: return const Text('Fri'); case 5: return const Text('Sat'); case 6: return const Text('Sun'); default: return const Text(''); } }, ), ), leftTitles: const AxisTitles( axisNameWidget: Text('Minutes'), sideTitles: SideTitles( showTitles: true, reservedSize: 40, )), ), ), ),