# Tooltips

Get started with MultiSelect, a WinForms control that makes selecting multiple objects from a list or a collection of selected items easy. See more in documentation here.

## Content

Tooltips in a chart are displayed when a user hovers over data points in the chart, thus making the chart more explanatory without creating any visual clutter. By default, FlexChart displays a tooltip showing the series name and value of the data point. However, you can also customize and format these tooltips easily to make them even more informative and clear.

| **Default tooltip** | **Custom tooltip** | **Formatted Tooltip** |
| --------------- | -------------- | ----------------- |
| ![default tooltip](https://cdn.mescius.io/document-site-files/images/13ef049a-dbc7-444f-94c2-9a9cd1c2f895/images/defaulttooltip.png) | ![customized tool tip](https://cdn.mescius.io/document-site-files/images/13ef049a-dbc7-444f-94c2-9a9cd1c2f895/images/customtooltip.png) | ![formatted tooltip](https://cdn.mescius.io/document-site-files/images/13ef049a-dbc7-444f-94c2-9a9cd1c2f895/images/formattedtooltip.png) |

## Custom Tooltip

FlexChart allows you to customize the tooltip by assigning the template strings in the **Content** property. You can use the following predefined parameters to create a template string. For instance, you can display a tooltip with the x-value as well as y-value along with their series name.

| **Parameter** | **Description** |
| --------- | ----------- |
| **x** | Refers to the X value of data point. |
| **y** | Refer to the Y value of data point. |
| **value** | Refers to the value of data point. |
| **name** | Refers to the name of data point. |
| **seriesName** | Refers to the name of series that contains the data point. |
| **pointIndex** | Refers to the index of data point. |
| **propertyName** | Refers to property of data object represented by the point. |

```csharp
//Customizing tooltip's Content to show both Axis label along with values 
this.flexChart1.ToolTip.Content = "Month: {Date}\n{seriesName}: ${Revenue}";
```

```vbnet
'Customizing tooltip's Content to show both Axis label along with values 
Me.flexChart1.ToolTip.Content = "Month: {Date}" & vbLf & "{seriesName}: ${Revenue}"
```

## Formatted Tooltip

FlexChart allows you to format the data that is being displayed by specifying the formats in the template string itself which is assigned to the **Content** property. For instance, you can format the sales or expenses figures by using the required currency, separators or even number of decimal places. You can also use the various date formats, long and short, to display the values of time series.

```csharp
//In tooltip, formatting AxisX field 'Date' of type DateTime to show only its Month component
this.flexChart1.ToolTip.Content = "Month: {Date:MMMM}\n{seriesName}: ${Revenue}";
```

```vbnet
'In tooltip, formatting AxisX field 'Date' of type DateTime to show only its Month component
Me.flexChart1.ToolTip.Content = "Month: {Date:MMMM}"  & vbLf & "{seriesName}: ${Revenue}"
```

## Shared Tooltip

Shared tooltip, that is, a single tooltip for multiple series can be used to display the data values of all series against a particular x-value. FlexChart allows you to customize the **Content** property to display the data values of multiple series using the parameters discussed in the [Custom Tooltip](/componentone/docs/win/online-flexchart/features/tooltips#1) section.

![shared tooltip](https://cdn.mescius.io/document-site-files/images/13ef049a-dbc7-444f-94c2-9a9cd1c2f895/images/sharedtooltip.png)

```csharp
//Customizing tooltip's Content to show both Axis label along with values 
this.flexChart1.ToolTip.Content = "Month: {Date:D}\nSales: ${Revenue}\nOrders: {Orders} units";
```

```vbnet
'Customizing tooltip's Content to show both Axis label along with values 
Me.flexChart1.ToolTip.Content = "Month: {Date:D}" & vbLf & "{seriesName}: ${Revenue}" & vbLf & "Orders: {Orders} units"
```

## See Also

[How to add custom tooltips to FlexChart](https://www.grapecity.com/blogs/how-to-add-custom-tooltips-to-charts-in-flexchart)
[Annotations](/componentone/docs/win/online-flexchart/features/annotation)
[Data Labels](/componentone/docs/win/online-flexchart/features/datalabels)
[Line Markers](/componentone/docs/win/online-flexchart/features/linemarkers)