Back to Browse

How Line Chart works in FL Chart

26.7K views
Apr 24, 2024
57:30

In this video, we explain how the Line Chart works in the fl_chart package. We talk about all the properties that we have in the LineChart one by one. fl_chart is a free and open-source library for Flutter that supports LineChart, BarChart, PieChart, ScatterChart, and RadarChart. Links: Landing page: https://flchart.dev Examples App: https://app.flchart.dev Fl chart Github: https://github.com/imaNNeo/fl_chart Fl chart pub dev: https://pub.dev/packages/fl_chart LineChart examples: https://app.flchart.dev/#/line LineChart documentation: https://github.com/imaNNeo/fl_chart/blob/main/repo_files/documentations/line_chart.md Chapters: 00:00 Intro 02:12 How to Install fl_chart 06:03 lineBarsData property 09:09 LineChartBarData.spots 09:18 LineChartBarData.color and gradient 11:43 LineChartBarData.barWidth 12:22 LineChartBarData.isCurved, curveSmoothness, preventCurveOvershooting 15:17 LineChartBarData.isStrokeCapRound 16:31 LineChartBarData.belowBarData and aboveBarData 18:59 LineChartBarData.dotData 24:29 LineChartBarData.showingIndicators 26:19 LineChartBarData.dashArray 28:00 LineChartBarData.shadow 29:00 LineChartBarData.isStepLineChart, lineChartStepData 31:56 betweenBarData 33:30 titlesData 39:26 extraLinesData 40:44 lineTouchData 47:43 rangeAnnotation 48:03 showingTooltipIndicators 48:49 gridData 49:33 borderData 51:04 minX, maxX, minY and maxY 52:59 baseLineX and baseLineY 53:48 clipData 54:37 backgroundColor 54:51 Outro Licenses: Atmospheric Notification 2.mp3 by original_sound -- https://freesound.org/s/494978/ -- License: Attribution 3.0 #Flutter #FLChart #DataVisualization #FlutterDevelopment #CodingTutorial #LineChart #OpenSource #MobileDevelopment #SoftwareTutorial #Programming

Download

0 formats

No download links available.

How Line Chart works in FL Chart | NatokHD