Skip to content

Commit

Permalink
[docs] Add conditional label formatting on tooltip page and link to l…
Browse files Browse the repository at this point in the history
…abel page (#13235)

Signed-off-by: Jose C Quintas Jr <juniorquintas@gmail.com>
Co-authored-by: Lukas <llukas.tyla@gmail.com>
  • Loading branch information
JCQuintas and LukasTy committed May 24, 2024
1 parent 81160f5 commit 0cbab59
Showing 1 changed file with 20 additions and 0 deletions.
20 changes: 20 additions & 0 deletions docs/data/charts/tooltip/tooltip.md
Original file line number Diff line number Diff line change
Expand Up @@ -90,6 +90,26 @@ In this demo, you can see:

{{"demo": "AxisFormatter.js"}}

### Label formatting

The label text inside the tooltip can also be formatted conditionally by providing a function to the series `label` property.

```jsx
<LineChart
// ...
series={[
{
data: [ ... ],
label: (location) => location === 'tooltip' ? 'BR' : 'Brazil'
}
]}
/>
```

:::info
See [Label—Conditional formatting](/x/react-charts/label/#conditional-formatting) for more details.
:::

### Hiding values

You can hide the axis value with `hideTooltip` in the `xAxis` props.
Expand Down

0 comments on commit 0cbab59

Please sign in to comment.