# Perspective - XYChart tooltip not visible

**URL:** <https://forum.inductiveautomation.com/t/perspective-xychart-tooltip-not-visible/67193>\
**Category:** Ignition\
**Tags:** perspective\
**Created:** [December 2, 2022, 7:40pm UTC](https://forum.inductiveautomation.com/t/perspective-xychart-tooltip-not-visible/67193 "2022-12-02T19:40:41Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![Michael\_White](https://avatars.discourse-cdn.com/v4/letter/m/c6cbf5/32.png) [@Michael\_White](https://forum.inductiveautomation.com/u/Michael_White)\
**Post date:** [December 2, 2022, 7:40pm UTC](https://forum.inductiveautomation.com/t/perspective-xychart-tooltip-not-visible/67193/1 "2022-12-02T19:40:41Z")

</div>

Perhaps I'm just misunderstanding the component, but under the Series section of my XYChart props, it has a Tooltip section. I assumed this tooltip would be for hovering over that series, it will tell you the exact value of that point in the line.

However, this does not appear to be the case. No tooltip shows up.

But if I enable bullets, and the tooltip for them, a tooltip shows up exactly how I want it to. But now the line is much thicker than needed because of the bullets (the points are very close together/overlapping). I tried setting the bullet size to 1, 0, 0.1 to shrink them, but none worked.

What is the proper way to get the tooltip to appear when hovering over the line, without bullets enabled?

---

<div class="post-metadata">

**Author:** ![Transistor](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/transistor/32/3380_2.png) [@Transistor](https://forum.inductiveautomation.com/u/Transistor)\
**Post date:** [December 2, 2022, 9:03pm UTC](https://forum.inductiveautomation.com/t/perspective-xychart-tooltip-not-visible/67193/2 "2022-12-02T21:03:10Z")

</div>

Set the bullet transparency to `0`. I set it to 0.1 or 0.2 on some of my apps.

Make the bullet size large enough that it can be easily found by the mouser. This will give an invisible but large hover target for each point.

---

<div class="post-metadata">

**Author:** ![Michael\_White](https://avatars.discourse-cdn.com/v4/letter/m/c6cbf5/32.png) [@Michael\_White](https://forum.inductiveautomation.com/u/Michael_White)\
**Post date:** [December 2, 2022, 9:35pm UTC](https://forum.inductiveautomation.com/t/perspective-xychart-tooltip-not-visible/67193/3 "2022-12-02T21:35:39Z")

</div>

That works exactly how I want it to.

But I would still like to know what that first tooltip option controls.

---

<div class="post-metadata">

**Author:** ![Transistor](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/transistor/32/3380_2.png) [@Transistor](https://forum.inductiveautomation.com/u/Transistor)\
**Post date:** [December 2, 2022, 11:49pm UTC](https://forum.inductiveautomation.com/t/perspective-xychart-tooltip-not-visible/67193/4 "2022-12-02T23:49:39Z")

</div>

`props.series.n.tooltip` works for `series.n.render : column` but not for `series.n.render : line` (where _n_ is the series number).

If you think that this could be made more obvious (by hiding the option when not rendering as a column) I would agree. It took me a while to figure out.

You may be interested in some other details I figured out.

> [@Perspective XY Chart xAxes tooltip text {dateX}](https://forum.inductiveautomation.com/t/perspective-xy-chart-xaxes-tooltip-text-datex/53580/11):
>
> For anyone wanting to format the number on a tooltip … [Tooltip cpm] Machine: [bold]{name}[/] CPM: [bold]{valueY.formatNumber("0.0")}[/] Date: [bold]{dateX.formatDate('yyyy-MMM-dd')}[/] Time: [bold]{dateX.formatDate('HH:mm EEE')}[/] More on the AM Charts website at [Formatters – amCharts 4 Documentation](https://www.amcharts.com/docs/v4/concepts/formatters/).