# ITrendChartProps

## Definition

```tsx
interface ITrendChartProps {
    /**
     * The series to plot. More than one can be visualized.
     */
    data: ITrendSeries[],

    /**
     * Use this to render a custom tooltip that will appear when the user hovers over a data point.
     * The data being hovered over is passed as a parameter.
     * 
     * @example
     * onShowTooltip={(data)=><div>{`Temperature: ${data.temp}`}</div>}
     */
    onShowTooltip?: (data: any) => JSX.Element

    /**
     * Called whenever a data point is clicked on. The data point being clicked on is passed as a parameter to the function
     */
    onClick?: (data: any) => JSX.Element
}
```

## Usage

```tsx
import { ITrendChartProps } from 'uxp/components';
```

## Related Types

* [ITrendSeries](https://help.iviva.com/uxp/v5/additional-resources/types/itrendseries)
* [ITrendSeriesType](https://help.iviva.com/uxp/v5/additional-resources/types/itrendseriestype)
* [ITrendData](https://help.iviva.com/uxp/v5/additional-resources/types/itrenddata)