# Work with FlexChart

## Content



This section comprises all the features and auxiliary functionalities offered by FlexChart.

[Annotations](/componentone/docs/mvc/online-mvc-core/WorkingwithControls/FlexChart/Work-with-FlexChart/Annotations)

Learn to add annotations in FlexChart.

[Axis Grouping](/componentone/docs/mvc/online-mvc-core/WorkingwithControls/FlexChart/Work-with-FlexChart/axisgrouping)

Learn to add axis label group in FlexChart.

[Chart Animation](/componentone/docs/mvc/online-mvc-core/WorkingwithControls/FlexChart/Work-with-FlexChart/ChartAnimation)

Learn how chart animation works in FlexChart.

[Chart Gestures](/componentone/docs/mvc/online-mvc-core/WorkingwithControls/FlexChart/Work-with-FlexChart/Chart-Gestures)

Learn how to enable chart gesture for zooming and panning modes.

[Chart Gradient](/componentone/docs/mvc/online-mvc-core/WorkingwithControls/FlexChart/Work-with-FlexChart/ChartGradient)

Learn how to add gradient colors in FlexChart

[Customize Appearance](/componentone/docs/mvc/online-mvc-core/WorkingwithControls/FlexChart/Work-with-FlexChart/customizeseriesappearance)

Learn how to customize the appearance of the data points in FlexChart.

[Customize Axes](/componentone/docs/mvc/online-mvc-core/WorkingwithControls/FlexChart/Work-with-FlexChart/chartCustomize-Axes)

Learn how to customize X and Y axes of FlexChart.

[Header and Footer](/componentone/docs/mvc/online-mvc-core/WorkingwithControls/FlexChart/Work-with-FlexChart/Header-and-Footer)

Learn how to add header and footer in FlexChart and add header and footer styles as well.

[Hit Test](/componentone/docs/mvc/online-mvc-core/WorkingwithControls/FlexChart/Work-with-FlexChart/chartsHitTest)

Learn how to display the X, Y coordinate values and index of the hit point using simple labels.

[Labels](/componentone/docs/mvc/online-mvc-core/WorkingwithControls/FlexChart/Work-with-FlexChart/chartLabels)

Learn how to add labels to the FlexChart.

[Legend](/componentone/docs/mvc/online-mvc-core/WorkingwithControls/FlexChart/Work-with-FlexChart/ChartLegends)

Learn how to display legend in FlexChart.

[Markers](/componentone/docs/mvc/online-mvc-core/WorkingwithControls/FlexChart/Work-with-FlexChart/chartMarkers)

Learn how to add vertical line markers and marker content to the FlexChart.

[Mixed Charts](/componentone/docs/mvc/online-mvc-core/WorkingwithControls/FlexChart/Work-with-FlexChart/chart-Mixed-Charts)

Learn how to add multiple chart series with different ChartTypes to the FlexChart.

[Multiple Axes](/componentone/docs/mvc/online-mvc-core/WorkingwithControls/FlexChart/Work-with-FlexChart/chartMultiple-Axes)

Learn how to add multiple Y axes to the FlexChart.

[Plot Areas](/componentone/docs/mvc/online-mvc-core/WorkingwithControls/FlexChart/Work-with-FlexChart/PlotAreas)

Learn how to create plot areas in FlexChart.

[Range Selector](/componentone/docs/mvc/online-mvc-core/WorkingwithControls/FlexChart/Work-with-FlexChart/RangeSelector)

Learn how to display thumb values using a range selector on FlexChart.

[Selection](/componentone/docs/mvc/online-mvc-core/WorkingwithControls/FlexChart/Work-with-FlexChart/chartsSelectionMode)

Learn how to select elements of FlexChart.

[Series](/componentone/docs/mvc/online-mvc-core/WorkingwithControls/FlexChart/Work-with-FlexChart/Series)

Learn about Waterfall, ErrorBar and BoxWhisker series and customizing their appearance.

[Tooltip](/componentone/docs/mvc/online-mvc-core/WorkingwithControls/FlexChart/Work-with-FlexChart/chartsTooltips)

Learn how to add tooltip in FlexChart.

[Trendline](/componentone/docs/mvc/online-mvc-core/WorkingwithControls/FlexChart/Work-with-FlexChart/chartTrendline)

Learn how to add a trend line to FlexChart.