# Customizing Tooltip Content

## Content



FlexChart simplifies customizing tooltip content by allowing you to set pre-defined parameters in the **ToolTipContent** property of the tooltip.

To customize content in a tooltip, set the pre-defined parameters in the template string of the ToolTipContent property of the <span data-popup-content="This class is available in \u003ca href=\u0022/componentone/api/wpf/online-flexchart/dotnet-api/C1.WPF.Chart/C1.WPF.Chart.FlexChartBase.html\u0022\u003e.NET\u003c/a\u003e and \u003ca href=\u0022/componentone/api/wpf/online-flexchart/dotnet-api/C1.WPF.Chart/C1.WPF.Chart.FlexChartBase.html\u0022\u003e.NET Framework\u003c/a\u003e." data-popup-title="FlexChartBase" data-popup-theme="ui-tooltip-green qtip-green">FlexChartBase</span> class.

The table below lists the pre-defined parameters applicable for tooltip content customization.

| **Parameter** | **Description** |
| --- | --- |
| **x** | Shows the X value of the data point. |
| **y** | Shows the Y value of the data point. |
| **value** | Shows the Y value of the data point. |
| **name** | Shows the X value of the data point. |
| **seriesName** | Shows the name of the series. |
| **pointIndex** | Shows the index of the data point. |

The following image displays customized tooltip content showing the index and the data point values.

![](https://cdn.mescius.io/document-site-files/images/8ba28e07-1633-4a6a-9114-13b9f1f04eed/images/customizingtooltipcontent.png)

The following code compares and displays data of number of daily website visitors in a specific week. The code shows how to configure the ToolTipContent property to customize tooltip content.

**xml**

```xml
<c1:C1FlexChart Name="flexChart"
                ToolTipContent="Index: {pointIndex}&#13;Day: {name}&#13;{seriesName}: {Visitors}">
</c1:C1FlexChart>
```