We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy.
Unfortunately, activation email could not send to your email. Please try again.

Chart Control for Xamarin.Forms

The chart control can plot more than 30 chart types, ranging from line charts to specialized financial charts. Its rich feature set includes functionalities like data binding, multiple axes, legends, animations, data labels, annotations, trackballs, tooltips, and zooming.


Chart types

The chart control includes functionality for plotting more than 30 chart types. Each chart type is easily configured with built-in support for creating stunning visual effects.

  • Line or Area type charts for representing time-dependent data, showing trends in data at equal intervals.
  • Column or Bar type charts for comparing the frequency, count, total, or average of data in different categories. They are ideal for showing variations in the value of an item over time.
  • Pie or Pyramid type charts to represent data in proportions.
  • Bubble or Scatter charts to plot financial or scientific data.
  • Candle or Hilo type charts for stock analysis.
  • Range type charts to represent high and low values at a point.
  • Radar or Polar type charts to plot data points in terms of angles and values.

High performance

The chart control includes several data rendering optimizations to achieve the best possible performance when plotting large volumes of data as well as handling high frequency real-time data.

High-performance Xamarin.Forms charts


Customizable chart axis

The chart control supports four different types of axes: numerical, categorical, date-time, and logarithmic. The appearance of all elements of the chart axis can be customizable with built-in properties.

Multiple axes

Multiple axes

Visualize different units of data with multiple axes, which can be placed at either side of the chart.

Smart axis labels

Smart axis labels

The axis labels can be positioned in multiple rows to avoid collision between two labels.

Automatic range calculation

Automatic range calculation

The best possible axis ranges and intervals are calculated automatically based on the given values. The ranges can be further customized with a custom range and range padding.

Axis labels position

Labels position

Place the axis labels and tick lines inside the chart area to reduce the space consumption of an axis and allow you to plot the data as large as possible.

Axis label rotation

Label rotation

Axis labels can be rotated to place all the labels within the available space constraint.

Axis crossing

Axis crossing

The position of the axis can be moved to anywhere in the chart relative to its associated axis.


Data labels and markers

Data points can be easily annotated with labels to help improve the readability of data. Readability can be further enhanced by adding markers or customizable symbols.

Data point markers

Data point markers

Data points can be marked with built-in shapes.

Data labels and connector line

Labels and connector line

Labels can be connected to a data point through a Bezier or straight line.

Data labels customization

Labels customization

The data labels can be customized using templates.


Annotations

Annotations display metadata about a chart or series at a specific point of interest in the plotting area. Multiple annotations can be added to a single chart.

View annotation

View annotation

Annotate chart with any custom view to provide additional details about a data point. This is generally used for displaying images over a data point.

Shape annotation

Shape annotation

In addition to the view annotation, all the basic annotation elements like lines, rectangles, ellipses, text, and arrows are available.


Legends

Legends provide additional information that is helpful in identifying individual data or series in a chart.

Legend templating

Templating

Apply a data template to a legend item to show more information about a series or data point in a legend.

Legend positioning

Positioning

Position the legend anywhere in the chart area to make the best fit on the page.

Legend icon customization

Icon customization

Customize a legend icon with built-in available shapes such as rectangles, circles, diamonds, pentagons, triangles, crosses, and straight lines to improve the readability of the chart.

Wrap the legend items

Wrap the legend items

Display the legend items in multiple rows when required to load more of a series in a single chart.


User interactions

The end user experience is greatly enhanced by a set of user interaction features such as zooming, panning, trackball, and tooltip.

Zooming and panning

Zooming and panning

Zooming and panning are useful when visualizing large amounts of data. Zooming will be performed by pinching, selecting the region, and double tapping at the required position.

Trackball

Trackball

The trackball control is used to track a data point close to the touch contact point. Trackball labels can be customized with a data template.

Tooltip

Tooltip

The tooltip control displays a pop-up with additional information when the mouse pointer is touching a data point. The tooltip view can be customized with a data template.


Selection

Interactively select and highlight a data point. This is widely used to navigate to another page with the information of a selected data point or to update the other components in the same page based on the selected data point in the chart.

Data point selection


Gradient

Apply gradient colors to visualize data in different colors, improving the readability and appearance of the chart.

Gradient colors


Empty points

Empty point values can be elegantly handled with the available customization options.

Empty points


Strip lines

Specific regions in the chart area can be highlighted using strip lines and added text to describe the highlighted area.

Strip lines


Technical indicators

There is built-in support for RSI, momentum, Bollinger bands, accumulation distribution, EMA, SMA, stochastic, ATR, MACD, and TMA indicators.

Technical indicators


Autoscrolling

The autoscrolling feature is used to focus on a minimal set of data points by visualizing only a few items in the UI and viewing the remaining data points by scrolling. It is typically used in real-time updates to view recently added data points.

Auto-scrolling


Vertical charts

Rotate all the series types to plot data in a vertical direction and view the data from a different perspective.

Xamarin.Forms vertical charts


Exporting

The chart can be saved as an image in the picture gallery.

Exporting


Localization

All static text within the chart can be localized to any desired language.

Localization


130+ XAMARIN CONTROLS


ALL CONTROLS
  • Xamarin.Forms
  • Xamarin.Android
  • Xamarin.iOS

Transform your applications today by downloading our free evaluation versionDownload Free Trial

You are using an outdated version of Internet Explorer that may not display all features of this and other websites. Upgrade to Internet Explorer 8 or newer for a better experience.