# XY Chart Tooltip for straight line without bullet option enabled

**URL:** <https://forum.inductiveautomation.com/t/xy-chart-tooltip-for-straight-line-without-bullet-option-enabled/90690>\
**Category:** Ignition\
**Tags:** perspective\
**Created:** [May 21, 2024, 3:41pm UTC](https://forum.inductiveautomation.com/t/xy-chart-tooltip-for-straight-line-without-bullet-option-enabled/90690 "2024-05-21T15:41:43Z")\
**Posts on this page:** 11\
**Page:** 1

<div class="post-metadata">

**Author:** ![prasath.t](https://avatars.discourse-cdn.com/v4/letter/p/898d66/32.png) [@prasath.t](https://forum.inductiveautomation.com/u/prasath.t)\
**Post date:** [May 21, 2024, 3:41pm UTC](https://forum.inductiveautomation.com/t/xy-chart-tooltip-for-straight-line-without-bullet-option-enabled/90690/1 "2024-05-21T15:41:43Z")

</div>

Hi,

Is there any way to show tooltip for the lines when we mouse over on it. (note- without enabling the bullet option)

 ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/c/5/c5fc9df2e6c16754a17a268a0f8231d458953e7b.png)

---

<div class="post-metadata">

**Author:** ![Ujwal\_Wankhede](https://avatars.discourse-cdn.com/v4/letter/u/4af34b/32.png) [@Ujwal\_Wankhede](https://forum.inductiveautomation.com/u/Ujwal_Wankhede)\
**Post date:** [May 21, 2024, 4:01pm UTC](https://forum.inductiveautomation.com/t/xy-chart-tooltip-for-straight-line-without-bullet-option-enabled/90690/2 "2024-05-21T16:01:31Z")

</div>

You can achieve this by setting the following two properties to 0.  
Unfortunately you have to enable bullet option.  
`.bullets>fill>opacity`  
`.bullets>stroke>width` or `.bullets>stroke>opacity`  
 ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/f/0/f018015cc5ed3a8d739a88dd6502e331b31848ec.png)

However, I have a concern: how is the user supposed to know where to hover to see the tooltip? Any specific reason to disable bullet?)

---

<div class="post-metadata">

**Author:** ![prasath.t](https://avatars.discourse-cdn.com/v4/letter/p/898d66/32.png) [@prasath.t](https://forum.inductiveautomation.com/u/prasath.t)\
**Post date:** [May 21, 2024, 4:14pm UTC](https://forum.inductiveautomation.com/t/xy-chart-tooltip-for-straight-line-without-bullet-option-enabled/90690/3 "2024-05-21T16:14:53Z")

</div>

Awesome thanks for quick response.

Its setpoint value - example 100. so it will be linear line. that's y i wanted this feature

---

<div class="post-metadata">

**Author:** ![prasath.t](https://avatars.discourse-cdn.com/v4/letter/p/898d66/32.png) [@prasath.t](https://forum.inductiveautomation.com/u/prasath.t)\
**Post date:** [May 21, 2024, 4:18pm UTC](https://forum.inductiveautomation.com/t/xy-chart-tooltip-for-straight-line-without-bullet-option-enabled/90690/4 "2024-05-21T16:18:26Z")

</div>

If possible can you help me out for below questions

 ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/8/0/80ba4855a084380e3a9e824d3c7ac7761a009798.png)

1. how to make label number 1 to bold and increase the size little  
 ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/5/3/53ce02d18c00c03b34b98e0d0036c762ebad8398.png)

---

<div class="post-metadata">

**Author:** ![Ujwal\_Wankhede](https://avatars.discourse-cdn.com/v4/letter/u/4af34b/32.png) [@Ujwal\_Wankhede](https://forum.inductiveautomation.com/u/Ujwal_Wankhede)\
**Post date:** [May 22, 2024, 1:46am UTC](https://forum.inductiveautomation.com/t/xy-chart-tooltip-for-straight-line-without-bullet-option-enabled/90690/5 "2024-05-22T01:46:56Z")

</div>

1. Remove the grid  
`[x/y]Axes>[*]>appearance>grid>opacity = 0`
2. Space at the each end of x axis  
I don't know parameters to do it. Let's see if anyone knows how to achieve this.  
One workaround is adding samples in `dataSource` with value `null`
3. Style labels  
`.bullets>[*]>label>text = [font-Size:20px bold]{value}`  
_value will be key from dataSources_  
You can refer to amCharts documentation for more options  
[Text styling – amCharts 5 Documentation](https://www.amcharts.com/docs/v5/concepts/formatters/text-styling/#:~:text=Formatters-,Text%20styling,-Any%20text%20in)

---

<div class="post-metadata">

**Author:** ![prasath.t](https://avatars.discourse-cdn.com/v4/letter/p/898d66/32.png) [@prasath.t](https://forum.inductiveautomation.com/u/prasath.t)\
**Post date:** [May 22, 2024, 4:24am UTC](https://forum.inductiveautomation.com/t/xy-chart-tooltip-for-straight-line-without-bullet-option-enabled/90690/6 "2024-05-22T04:24:42Z")

</div>

> [@Ujwal\_Wankhede](#):
>
> [font-Size:20px bold]{value}

Hi,

Style Labels i tired something like this  
{  
"text": "[font-Size:20px bold]{this.custom.rule}",  
"position": {  
"dx": 0,  
"dy": -9  
}  
}

its not working

---

<div class="post-metadata">

**Author:** ![Ujwal\_Wankhede](https://avatars.discourse-cdn.com/v4/letter/u/4af34b/32.png) [@Ujwal\_Wankhede](https://forum.inductiveautomation.com/u/Ujwal_Wankhede)\
**Post date:** [May 22, 2024, 4:45am UTC](https://forum.inductiveautomation.com/t/xy-chart-tooltip-for-straight-line-without-bullet-option-enabled/90690/7 "2024-05-22T04:45:41Z")

</div>

Can you share the value of `series>[*]>data>y` in the XY Chart?  
As I mentioned in my post,

> [@Ujwal\_Wankhede](#):
>
> `.bullets>[*]>label>text = [font-Size:20px bold]{value}`  
> _ **value** will be key from dataSources_

---

<div class="post-metadata">

**Author:** ![prasath.t](https://avatars.discourse-cdn.com/v4/letter/p/898d66/32.png) [@prasath.t](https://forum.inductiveautomation.com/u/prasath.t)\
**Post date:** [May 22, 2024, 4:48am UTC](https://forum.inductiveautomation.com/t/xy-chart-tooltip-for-straight-line-without-bullet-option-enabled/90690/8 "2024-05-22T04:48:55Z")

</div>

Thanks its working

---

<div class="post-metadata">

**Author:** ![prasath.t](https://avatars.discourse-cdn.com/v4/letter/p/898d66/32.png) [@prasath.t](https://forum.inductiveautomation.com/u/prasath.t)\
**Post date:** [August 7, 2024, 3:05pm UTC](https://forum.inductiveautomation.com/t/xy-chart-tooltip-for-straight-line-without-bullet-option-enabled/90690/10 "2024-08-07T15:05:11Z")

</div>

Hi,

one question  
If data points are more then enable bullets makes the chart very slow sometimes web page gets hang.

Is there any option to fix this issue?

---

<div class="post-metadata">

**Author:** ![Ujwal\_Wankhede](https://avatars.discourse-cdn.com/v4/letter/u/4af34b/32.png) [@Ujwal\_Wankhede](https://forum.inductiveautomation.com/u/Ujwal_Wankhede)\
**Post date:** [August 8, 2024, 6:32am UTC](https://forum.inductiveautomation.com/t/xy-chart-tooltip-for-straight-line-without-bullet-option-enabled/90690/11 "2024-08-08T06:32:10Z")

</div>

I haven't personally encountered a situation where the page becomes unresponsive due to enabling bullets.  
Can you tell me the total datapoints in your dataSources?  
If you have a very large dataset, consider reducing the number of data points by aggregating or sampling the data.

---

<div class="post-metadata">

**Author:** ![prasath.t](https://avatars.discourse-cdn.com/v4/letter/p/898d66/32.png) [@prasath.t](https://forum.inductiveautomation.com/u/prasath.t)\
**Post date:** [August 10, 2024, 6:06am UTC](https://forum.inductiveautomation.com/t/xy-chart-tooltip-for-straight-line-without-bullet-option-enabled/90690/12 "2024-08-10T06:06:47Z")

</div>

Hi,

Sorry for delay response i am not feeling well.

Yes large data points is issue nearly i have 3000 rows

I am using it as dataset. Converting them to json might reduce rendering little?
