| layout | post |
|---|---|
| title | Overview of Flutter Cartesian Charts | Syncfusion |
| description | Step-by-step guide about Syncfusion Flutter Cartesian Charts—explore chart types, axis types, legends, and configure key features for Flutter apps. |
| platform | flutter |
| control | Chart |
| documentation | ug |
Syncfusion® Flutter Cartesian Charts (SfCartesianChart) widget is written natively in Dart for creating beautiful and high-performance Cartesian charts, which are used to craft high-quality applications using Flutter.
To get started quickly with our Flutter chart widget, you can check out this video.
<style>#flutterChartVideoTutorial{width : 90% !important; height: 300px !important }</style> <iframe id='flutterChartVideoTutorial' src='https://www.youtube.com/embed/FwUSJtv-3NY'></iframe>-
Chart types - Supports more than 30+ different chart types such as
line,spline,column,bar,area,bubble,box and whisker,scatter,step line,fast line,range column,range area,candle,hilo,OHLC,histogram,step area,spline area,spline range area,stacked area,stacked bar,stacked column,stacked line,100% stacked area,100% stacked bar,100% stacked column,100% stacked line,waterfall,error bar,pie,doughnut,radial bar,pyramid,funnel. Each type represents data in a unique style. It is more user friendly and has greater UI visualization.
-
Axis types - Plot various types of data in a graph with the help of numeric, category, date-time, date-time category and log axis types. The built-in axis features allow to customize an axis elements further to make the axis more readable.
-
User interaction - The end-user experience is greatly enhanced by including the user interaction features such as zooming and panning, crosshair, trackball, callbacks, selection, tooltip, and auto-scrolling in chart.
-
Legends - Display additional information about the chart series. The chart legend can also be used to collapse the series. The legends can be wrapped or scrolled if an item exceeds the available bounds.
-
Dynamic update - Updates the chart dynamically or lazily with live data that changes over seconds or minutes like stock prices, temperature, speed, etc.
Note: You can refer to our Flutter Charts feature tour page for its groundbreaking feature representations. You can also explore our Flutter Charts example that shows how to render various chart types as well as how to easily configure with built-in support for creating stunning visual effects.