# Can we customise tooltip contents when hover over a measurement

**Category:** [Growth Charts](https://forum.rcpch.tech/c/rcpch-digital-growth-charts/6)
**Created:** 2025-08-18 12:14 UTC
**Views:** 25
**Replies:** 4
**URL:** https://forum.rcpch.tech/t/can-we-customise-tooltip-contents-when-hover-over-a-measurement/572

---

## Post #1 by @indu

I am using chart react library and api to create growth chart(investigating stage). Would like to find out it is possible to customise tooltips that it display when hover over the measurement data. Currently it display something similar to this,

“Chronological age: 2 years on 2 Jan 2022

Your child was born on there due date 

85 cm 

This hight measure is between the 25th and 50th centiles.”

We would like to make it smaller.

---

## Post #2 by @eatyourpeas

Thanks for getting in touch.

Yes, you can change various aspects of the tooltips. The keys that you can change include:

```js
tooltipBorderRadius
tooltipBackgroundColour
tooltipTextStyle
tooltipStroke
```

The docs for the library here [here](https://live--6732292d6f3624b0036f84b4.chromatic.com/?path=/docs/rcpchchart--docs)

The theme builder (to amend different styles) is [here](https://live--6732292d6f3624b0036f84b4.chromatic.com/?path=/story/rcpchchart--theme-builder)

---

## Post #3 by @pacharanero

@eatyourpeas I think @indu is asking if the text itself can be customised.

I think at some stage we will need to make the text customisable, or at least we would need to make i18n possible, so that the content of those tooltips would not be hard-coded but would be in a separate file allowing selection of language. If we were doing this then it would also facilitate customisation via passing in props perhaps?

---

## Post #4 by @indu

This is exactly what I am after. We think it is bit too much info given our user base. Thanks for the response

---

## Post #5 by @eatyourpeas

Hi Indu, is it ok to ask a bit more detail here? Who are your users and what are the pieces of information you are looking to remove and why?

I am open in principle to thinking about this, but our design approach has been to expose only those bits of the chart that we are happy to be customized and carry the RCPCH badge. That mostly means aspects relating to styling. The content is not included here but if you have clinicians asking for specific features that we don't support (or I suppose families if this is aimed at them) then I am happy to look at it.

**Adding an edit here**: I notice that you have set the `isClinician` prop to false. This means that the information floated in the tooltips is specifically written for members of the lay public - especially families. The information was written by our project board experts. If your application is clinician facing, rather than public facing, the information you get contains the centile / SDS values and is possibly more concise.

---


**Canonical:** https://forum.rcpch.tech/t/can-we-customise-tooltip-contents-when-hover-over-a-measurement/572
**Original content:** https://forum.rcpch.tech/t/can-we-customise-tooltip-contents-when-hover-over-a-measurement/572