# How to edit a component like this?

**URL:** <https://forum.inductiveautomation.com/t/how-to-edit-a-component-like-this/90509>\
**Category:** Ignition\
**Tags:** perspective\
**Created:** [May 16, 2024, 4:10pm UTC](https://forum.inductiveautomation.com/t/how-to-edit-a-component-like-this/90509 "2024-05-16T16:10:03Z")\
**Posts on this page:** 15\
**Page:** 1

<div class="post-metadata">

**Author:** ![D\_Mitri\_Tompkins](https://avatars.discourse-cdn.com/v4/letter/d/a3d4f5/32.png) [@D\_Mitri\_Tompkins](https://forum.inductiveautomation.com/u/D_Mitri_Tompkins)\
**Post date:** [May 16, 2024, 4:10pm UTC](https://forum.inductiveautomation.com/t/how-to-edit-a-component-like-this/90509/1 "2024-05-16T16:10:03Z")

</div>

> **[Ignition Exchange](https://inductiveautomation.com/exchange/2575/overview)**
>
> Discover, share, and download community made Ignition resources in collaboration with your organization or the Ignition community.

Want to use this component but obviously do not want the default entered info, but I also can't wrap my head around how to even edit it / have it work off of my own data.  
Any help would be appreciated.

---

<div class="post-metadata">

**Author:** ![pturmel](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/pturmel/32/3295_2.png) [@pturmel](https://forum.inductiveautomation.com/u/pturmel)\
**Post date:** [May 16, 2024, 4:31pm UTC](https://forum.inductiveautomation.com/t/how-to-edit-a-component-like-this/90509/2 "2024-05-16T16:31:09Z")

</div>

The most common mistake with Exchange resources is to import the downloaded zip directly, instead of opening the zip to examine the pieces within. Since the downloaded zip is not a project, you get nothing.

---

<div class="post-metadata">

**Author:** ![D\_Mitri\_Tompkins](https://avatars.discourse-cdn.com/v4/letter/d/a3d4f5/32.png) [@D\_Mitri\_Tompkins](https://forum.inductiveautomation.com/u/D_Mitri_Tompkins)\
**Post date:** [May 16, 2024, 5:07pm UTC](https://forum.inductiveautomation.com/t/how-to-edit-a-component-like-this/90509/3 "2024-05-16T17:07:01Z")

</div>

Well I've managed to pull it in "correctly" to the best of my knowledge, but the table doesn't actually use a time series chart so I feel lost on how to make this work for the data I want to display on it.

---

<div class="post-metadata">

**Author:** ![pturmel](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/pturmel/32/3295_2.png) [@pturmel](https://forum.inductiveautomation.com/u/pturmel)\
**Post date:** [May 16, 2024, 5:12pm UTC](https://forum.inductiveautomation.com/t/how-to-edit-a-component-like-this/90509/4 "2024-05-16T17:12:51Z")

</div>

The documentation says that it generates SVG rectangles, not a time series chart. Did you read its readme file? And the PDF instructions?

---

<div class="post-metadata">

**Author:** ![jlandwerlen](https://avatars.discourse-cdn.com/v4/letter/j/bc8723/32.png) [@jlandwerlen](https://forum.inductiveautomation.com/u/jlandwerlen)\
**Post date:** [May 16, 2024, 5:13pm UTC](https://forum.inductiveautomation.com/t/how-to-edit-a-component-like-this/90509/5 "2024-05-16T17:13:18Z")

</div>

Did you read their PDF? It seems to explain quite clearly on what to do.

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

---

<div class="post-metadata">

**Author:** ![D\_Mitri\_Tompkins](https://avatars.discourse-cdn.com/v4/letter/d/a3d4f5/32.png) [@D\_Mitri\_Tompkins](https://forum.inductiveautomation.com/u/D_Mitri_Tompkins)\
**Post date:** [May 16, 2024, 5:24pm UTC](https://forum.inductiveautomation.com/t/how-to-edit-a-component-like-this/90509/6 "2024-05-16T17:24:45Z")

</div>

I did haha, I guess I just don't understand how to import / recreate it into an existing project and Then pass my own data in. I think I might just need to learn up on more general info first perhaps.

---

<div class="post-metadata">

**Author:** ![pturmel](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/pturmel/32/3295_2.png) [@pturmel](https://forum.inductiveautomation.com/u/pturmel)\
**Post date:** [May 16, 2024, 5:26pm UTC](https://forum.inductiveautomation.com/t/how-to-edit-a-component-like-this/90509/7 "2024-05-16T17:26:27Z")

</div>

The readme says to use the provided views as embedded views, providing the relevant data as view parameters. 🤷‍♂️

---

<div class="post-metadata">

**Author:** ![jlandwerlen](https://avatars.discourse-cdn.com/v4/letter/j/bc8723/32.png) [@jlandwerlen](https://forum.inductiveautomation.com/u/jlandwerlen)\
**Post date:** [May 16, 2024, 5:35pm UTC](https://forum.inductiveautomation.com/t/how-to-edit-a-component-like-this/90509/8 "2024-05-16T17:35:58Z")

</div>

What data do you have? You said you can't display for the data you have. What is that data?

---

<div class="post-metadata">

**Author:** ![D\_Mitri\_Tompkins](https://avatars.discourse-cdn.com/v4/letter/d/a3d4f5/32.png) [@D\_Mitri\_Tompkins](https://forum.inductiveautomation.com/u/D_Mitri_Tompkins)\
**Post date:** [May 16, 2024, 5:37pm UTC](https://forum.inductiveautomation.com/t/how-to-edit-a-component-like-this/90509/9 "2024-05-16T17:37:15Z")

</div>

I did a very poor job explaining myself haha, I understand how to edit the components of a chart like this, such as what it displays and all of that, however I currently only do that with the default chart and therefore the information it pre pulls in, and want to do it with my own data, which is what I don't quite understand how to pass in.

---

<div class="post-metadata">

**Author:** ![pturmel](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/pturmel/32/3295_2.png) [@pturmel](https://forum.inductiveautomation.com/u/pturmel)\
**Post date:** [May 16, 2024, 5:39pm UTC](https://forum.inductiveautomation.com/t/how-to-edit-a-component-like-this/90509/10 "2024-05-16T17:39:31Z")

</div>

The power chart does its own queries against your historian(s). Everything else needs either history bindings or query bindings. Maybe you need to brush up on those.

---

<div class="post-metadata">

**Author:** ![D\_Mitri\_Tompkins](https://avatars.discourse-cdn.com/v4/letter/d/a3d4f5/32.png) [@D\_Mitri\_Tompkins](https://forum.inductiveautomation.com/u/D_Mitri_Tompkins)\
**Post date:** [May 16, 2024, 5:39pm UTC](https://forum.inductiveautomation.com/t/how-to-edit-a-component-like-this/90509/11 "2024-05-16T17:39:34Z")

</div>

I want it to show data that is being pulled in from a laser sorting line. I access this data through tags I already have pulled into ignition, and already have transforms to extrapolate them into "number of pounds an hour" I want to then take that data and display it using this chart, having segments where the pounds an hour is above a setpoint show as green, and segments where when it is below setpoint it displays as red.

---

<div class="post-metadata">

**Author:** ![D\_Mitri\_Tompkins](https://avatars.discourse-cdn.com/v4/letter/d/a3d4f5/32.png) [@D\_Mitri\_Tompkins](https://forum.inductiveautomation.com/u/D_Mitri_Tompkins)\
**Post date:** [May 16, 2024, 5:41pm UTC](https://forum.inductiveautomation.com/t/how-to-edit-a-component-like-this/90509/12 "2024-05-16T17:41:47Z")

</div>

My biggest confusion is perhaps just with the chart itself then. The guy before me who quit out of nowhere and who I now have to hastily learn to replace accomplished what I want to do / what this rectangle chart does all using only a time series chart, which would be the most ideal to work on over this but I can't really seem to figure either of them out so not sure haha.

---

<div class="post-metadata">

**Author:** ![jlandwerlen](https://avatars.discourse-cdn.com/v4/letter/j/bc8723/32.png) [@jlandwerlen](https://forum.inductiveautomation.com/u/jlandwerlen)\
**Post date:** [May 16, 2024, 5:42pm UTC](https://forum.inductiveautomation.com/t/how-to-edit-a-component-like-this/90509/13 "2024-05-16T17:42:10Z")

</div>

Ok, build a dataset as the PDF outlines, the headers need to be "t\_stamp" and "value". If you take this dataset and bind to their PARAM, it should just work.

---

<div class="post-metadata">

**Author:** ![D\_Mitri\_Tompkins](https://avatars.discourse-cdn.com/v4/letter/d/a3d4f5/32.png) [@D\_Mitri\_Tompkins](https://forum.inductiveautomation.com/u/D_Mitri_Tompkins)\
**Post date:** [May 16, 2024, 5:44pm UTC](https://forum.inductiveautomation.com/t/how-to-edit-a-component-like-this/90509/14 "2024-05-16T17:44:03Z")

</div>

I will learn how to and then try to do that, thank you.

---

<div class="post-metadata">

**Author:** ![jlandwerlen](https://avatars.discourse-cdn.com/v4/letter/j/bc8723/32.png) [@jlandwerlen](https://forum.inductiveautomation.com/u/jlandwerlen)\
**Post date:** [May 16, 2024, 5:45pm UTC](https://forum.inductiveautomation.com/t/how-to-edit-a-component-like-this/90509/15 "2024-05-16T17:45:14Z")

</div>

Read this, I always found it very helpful.

> **[Datasets | Ignition User Manual](https://www.docs.inductiveautomation.com/docs/8.1/platform/scripting/python-scripting/variables-datatypes-and-objects/datasets)**
>
> Datasets and PyDatasets
