# Tooltips in FlexChart
Learn how to add tooltips to Wijmo's chart components in this documentation topic
## Content
The FlexChart has built-in support for tooltips. By default, the control displays tooltips when the user touches or hovers the mouse on a data point.
The tooltip content is generated using a template, which may contain the following parameters:
* __seriesName__: The name of the series that contains the chart element.
* __pointIndex__: The index of the chart element within the series.
* __x__: The x value of the chart element.
* __y__: The y value of the chart element.
By default, the tooltip template is set to:
```HTML
{seriesName}
{x} {y}
```
The tooltip content template supports bound fields from the data set:
```JavaScript
myChart.tooltip: { content: "{company}
{sales:c2}"
```
The tooltip content template supports any HTML such as tables and images.
```JavaScript
myChart.tooltip: { content: "
{seriesName}
{y}"
```
Table Tooltip Example
```JavaScript
myChart.tooltip.content = '{date:MMM dd}
' +
'' +
'| high | {high:c} |
|
' +
'| low | {low:c} |
|
' +
'| open | {open:c} |
|
' +
'| close | {close:c} |
|
' +
'
';
```
## Disabling the Tooltip
You can disable the chart tooltips by setting the template to an empty string.
```JavaScript
myChart.tooltip.content = '';
```
## Styling the Tooltip
The tooltip content can be styled using rich html. You can adjust other settings like background, border and padding through CSS styles that can be applied to the __.wj-tooltip__class.
```CSS
.wj-tooltip {
padding: 12px;
}
```