Flutter Charts - Tutorial Videos

Get an overview of the Syncfusion's Flutter Charts widget. This video shows the chart types such as cartesian, circular, sparks, pyramid, funnel and out of box features available in the Syncfusion flutter charts package. It also explains how to go through the tutorial videos, supported platforms, where to download Syncfusion flutter Charts packages, and how to contact the Syncfusion Support team.

Get an overview of the Syncfusion Flutter line chart. This video explains how to add the Syncfusion Flutter Charts package and a Cartesian chart to a Flutter project. It also explains how to set a data source to the chart and how to add a line series to it. You will also see how to customize the primary axis; add a title; and show data labels, legends, and tooltips in the line chart.

Get an overview of the Syncfusion Flutter line chart. This video explains how to create line chart series like fast line, step line, and spline. You will also see how to customize the line color, width, opacity, and dashed lines in the chart.

Get an overview of the Syncfusion Flutter area chart. This video explains how to add the Syncfusion Flutter Charts package and a Cartesian chart to a Flutter project. It also explains how to set a data source to the chart and how to add an area series to it. You will also see how to customize the primary axis; add a title; and show data labels, legends, and tooltips in the area chart.

Get an overview of the Syncfusion Flutter bar chart. This video explains how to add the Syncfusion Flutter Charts package and a Cartesian chart to a Flutter project. It also explains how to set a data source to the chart and how to add a bar series to it. You will also see how to customize the primary axis; add a title; and show data labels, legends, and tooltips in the bar chart.

Get an overview of the Syncfusion Flutter circular charts. This video explains how to add the Syncfusion Flutter Charts package and a Circular chart to a Flutter project. It also explains how to set a data source to the chart and how to add a pie, Doughnut, and Radial bar series to it. You will also see how to show data labels, add a title, legends, and tooltips in the Circular charts.

Get an overview of the Syncfusion Flutter Stacked charts. This video explains how to add the Syncfusion Flutter Charts package and a Cartesian chart to a Flutter project. It also explains how to set a data source to the chart and how to add a stacked line, area, column, bar, hundred percent stacked line, area, column, and bar series to it. You will also see how to add a title, legends, tooltips, and markers in the stacked charts.

Get an overview of the Syncfusion Flutter Financial/Stock charts. This video explains how to add the Syncfusion Flutter Charts package and a Cartesian chart to a Flutter project. It also explains how to set a data source to the chart and how to add a Candle and OpenHighLowClose (OHLC) series to it. You will also see how to customize the primary axes; enable trackball, show legends, and add a title in the financial charts.

Get an overview of the Syncfusion Flutter Range charts. This video explains how to add the Syncfusion Flutter Charts package and a Cartesian chart to a Flutter project. It also explains how to set a data source to the chart and how to add a range column, area, spline range area and hi-lo series to it. You will also see how to customize the primary axes, enable data labels, add a title, legends, and tooltips in the Range charts.

Learn how to create combinational or mixed chart with multiple axes in Syncfusion Flutter Chart widget easily. This video explains how to show the sales and profit data in the same chart using mixed chart with multiple axes in Syncfusion Flutter Chart widget.

Learn how to perform zooming and panning in Syncfusion Flutter Chart widget easily. This video explains how to enable pinch zooming, double tap zooming, selection zooming, customize the selection rectangle, enable panning, and setting zoom mode. Also explains how to enable mouse wheel zooming and set the maximum Zoom Level in the Syncfusion Flutter Chart widget.

Learn how to create a real-time chart using Syncfusion Flutter Chart widget easily. This video explains how to load real-time data to a line series using the ChartSeriesController class's updateDataSource method.

This video shows how to import and convert JSON data to use it in a Cartesian Chart widget.

Download Example: Create Flutter Charts from JSON Data

This video shows how to enable panning and load data with an indicator while swiping the Syncfusion^® Flutter Charts widget.

Download Example: Lazy Load Data While Panning in Flutter Charts