# Add bullet points to Time Series Chart

**URL:** <https://forum.inductiveautomation.com/t/add-bullet-points-to-time-series-chart/71515>\
**Category:** Ignition\
**Tags:** ignition81, perspective\
**Created:** [March 23, 2023, 5:56pm UTC](https://forum.inductiveautomation.com/t/add-bullet-points-to-time-series-chart/71515 "2023-03-23T17:56:57Z")\
**Posts on this page:** 6\
**Page:** 1

<div class="post-metadata">

**Author:** ![Zachary\_Zipper](https://avatars.discourse-cdn.com/v4/letter/z/bbe5ce/32.png) [@Zachary\_Zipper](https://forum.inductiveautomation.com/u/Zachary_Zipper)\
**Post date:** [March 23, 2023, 5:56pm UTC](https://forum.inductiveautomation.com/t/add-bullet-points-to-time-series-chart/71515/1 "2023-03-23T17:56:57Z")

</div>

How do I add bullet points to a trendline on a time series chart trend? I assume it's supported since it's shown in d3's documentation on trends' interpolation that the Inductive Docs links to.

 ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/2/f/2f2f1b5c6430faa73979915cb958a5db89c3ac75.png)

---

<div class="post-metadata">

**Author:** ![sydney.bosworth](https://avatars.discourse-cdn.com/v4/letter/s/aca169/32.png) [@sydney.bosworth](https://forum.inductiveautomation.com/u/sydney.bosworth)\
**Post date:** [March 28, 2023, 3:32pm UTC](https://forum.inductiveautomation.com/t/add-bullet-points-to-time-series-chart/71515/2 "2023-03-28T15:32:35Z")

</div>

The way I got mine to work was adding a duplicate trend item set as a "scatter type". if you leave all the other props the same it gives the same effect.

 ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/b/7/b769140014d3a4c3c9f9d931e9a0f66d16ba9524.png)

---

<div class="post-metadata">

**Author:** ![chaoliang](https://avatars.discourse-cdn.com/v4/letter/c/ba8739/32.png) [@chaoliang](https://forum.inductiveautomation.com/u/chaoliang)\
**Post date:** [September 18, 2023, 1:08pm UTC](https://forum.inductiveautomation.com/t/add-bullet-points-to-time-series-chart/71515/3 "2023-09-18T13:08:03Z")

</div>

This is a very clever way.

when adding another trend, at the legend display, it will have a duplicate legend how do you get rid of it?

---

<div class="post-metadata">

**Author:** ![sydney.bosworth](https://avatars.discourse-cdn.com/v4/letter/s/aca169/32.png) [@sydney.bosworth](https://forum.inductiveautomation.com/u/sydney.bosworth)\
**Post date:** [September 18, 2023, 1:31pm UTC](https://forum.inductiveautomation.com/t/add-bullet-points-to-time-series-chart/71515/4 "2023-09-18T13:31:18Z")

</div>

I ended up turning the legend visibility off and creating my own legend. I did a script to dynamically add the correct number of "legend items" and set their color based on the original trend column items.

---

<div class="post-metadata">

**Author:** ![Thejus\_S](https://avatars.discourse-cdn.com/v4/letter/t/7ba0ec/32.png) [@Thejus\_S](https://forum.inductiveautomation.com/u/Thejus_S)\
**Post date:** [January 23, 2024, 7:51am UTC](https://forum.inductiveautomation.com/t/add-bullet-points-to-time-series-chart/71515/5 "2024-01-23T07:51:36Z")

</div>

This idea works well, but I haven't been able to follow the part where you create the correct number of legends using script.  
Is this script onStartup of the component? Also how are you accessing the .text or .value property of legends.  
I wanted to use the same for the infoBox on xTrace.

---

<div class="post-metadata">

**Author:** ![sydney.bosworth](https://avatars.discourse-cdn.com/v4/letter/s/aca169/32.png) [@sydney.bosworth](https://forum.inductiveautomation.com/u/sydney.bosworth)\
**Post date:** [January 23, 2024, 4:58pm UTC](https://forum.inductiveautomation.com/t/add-bullet-points-to-time-series-chart/71515/6 "2024-01-23T16:58:10Z")

</div>

![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/5/6/56ff19f7c00822e5ab8e292522f3c9491b0380a0.png)  
 ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/3/d/3dcd0b4f17086c36edf5d0bc1bc2885b94c73989.png)

I put a binding on the instances of a flex repeater that uses a "legend" object with a name and color property. then I had to make sure I could tell my "fake" series apart from the others, so I named it something specific, could also do that with an added property though. If the series changes, the legend will update.