Flutter Charts - Beautiful and Interactive Charts and Graphs

Numerical axis

Uses a numeric scale and displays numbers in equal intervals in axis labels.

More details on chart axis

Categorical axis

A non-linear axis that displays text in axis labels.

More details on chart axis

Date-time axis

Displays date-time values in equal intervals in axis labels. It is typically used as the x-axis.

More details on chart axis

Date-time category axis

Displays date-time category values in non-linear intervals in axis labels. It is typically used as the x-axis.

More details on chart axis

Logarithmic axis

Uses a logarithmic scale and displays numbers in labels.

More details on chart axis

Dynamic updates

Flutter Charts updates itself when the data changes or is added at run time with smooth transitions.

Smooth fluid animation

The dynamically updated data point values are rendered with fluid easing animation.

Zooming and panning

Improve the readability of large numbers of data points by zooming and panning. Zooming is performed by pinching, selecting a region, or double-tapping at the required position.

More details on Flutter Chart user interactions

Tooltip

The tooltip displays a pop-up with additional information when the user taps on a data point.

More details on Flutter Chart user interactions

Selection

Interactively select and highlight a data point. This is usually used to navigate to another page that contains information about the selected data point or to update other components in the same page based on the selected data point in the chart.

More details on Flutter Chart user interactions

Trackball

Track data points that are close to the touch contact. Trackball displays pop-up information about the data with more customizable options.

More details on Flutter Chart user interactions

Crosshair

Using a crosshair, inspect or target any data point. The target data point is indicated by a thin horizontal line crossing a vertical line, and information about that point is displayed in an interactive tooltip.

More details on Flutter Chart user interactions

Auto scrolling

Auto scrolling ensures that a specified range of data points is always visible in a chart. You can view the remaining data points by scrolling.

Data point markers

Mark the data points with built-in available shapes to improve readability.

Labels and connector lines

Connect a data point and its label with a Bezier curve or a straight line.

Label customization

Charts for Flutter customize data labels using templates.

Positioning

Position the legend anywhere in the chart area to best suit the page.

Icons

Customize a legend icon with built-in shapes such as rectangles, circles, diamonds, pentagons, triangles, and crosses to improve readability.

Templating

Template the legend items to show more information about a series or data point in a legend.

Legend layout

Wrap or scroll legend items if they overflow the existing space.

Vertical charts

Rotate all the series in a Flutter chart to plot data vertically and view it from a different perspective.

Annotations

Display metadata about a Flutter chart or series at a specific point of interest in the plotting area using annotations.

Plot bands

Highlight specific regions in a plot using plot bands. Add text to describe a highlighted area.

Technical indicators

Built-in support for RSI, momentum, Bollinger bands, accumulation distribution, EMA, SMA, stochastic, ATR, MACD, and TMA indicators in the Flutter chart.

Trendlines

Built-in support for linear, exponential, logarithmic, polynomial, and moving average trendlines for technical analysis in Flutter charts.

Gradient colors

Improve the readability and appearance of charts by applying gradient colors to visualized data in different colors.

Empty points

Elegantly handle the empty point values in Flutter charts.