# Power chart - loading icon

**URL:** <https://forum.inductiveautomation.com/t/power-chart-loading-icon/93476>\
**Category:** Ignition\
**Tags:** perspective\
**Created:** [July 19, 2024, 4:03pm UTC](https://forum.inductiveautomation.com/t/power-chart-loading-icon/93476 "2024-07-19T16:03:27Z")\
**Posts on this page:** 10\
**Page:** 1

<div class="post-metadata">

**Author:** ![Myasrama](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/myasrama/32/63822_2.png) [@Myasrama](https://forum.inductiveautomation.com/u/Myasrama)\
**Post date:** [July 19, 2024, 4:03pm UTC](https://forum.inductiveautomation.com/t/power-chart-loading-icon/93476/1 "2024-07-19T16:03:27Z")

</div>

When using the power chart, it can take more than 15 seconds for data to load. Also when filtering down to real rime or historical ranges, it takes longer.

Is there a setting or a way to implement a CSS icon to detect when data is not present and then we can show the icon?

Thanks!

---

<div class="post-metadata">

**Author:** ![Myasrama](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/myasrama/32/63822_2.png) [@Myasrama](https://forum.inductiveautomation.com/u/Myasrama)\
**Post date:** [July 21, 2024, 11:46am UTC](https://forum.inductiveautomation.com/t/power-chart-loading-icon/93476/2 "2024-07-21T11:46:28Z")

</div>

Update: I have the loading icon displaying in the designer. For my power chart I am using the historian provider which uses a DB and links my datasets to tags for selection in the power chart.

Is there a way to detect if the power chart has been loaded? Could I use the tag path in my pen tool? Would that offer a solution?

---

<div class="post-metadata">

**Author:** ![nminchin](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/nminchin/32/6911_2.png) [@nminchin](https://forum.inductiveautomation.com/u/nminchin)\
**Post date:** [July 22, 2024, 1:51am UTC](https://forum.inductiveautomation.com/t/power-chart-loading-icon/93476/3 "2024-07-22T01:51:21Z")

</div>

Similar topic I created here:

> [@\[FEATURE\]Perspective Power Chart - Add loading icon to show data is being loaded](https://forum.inductiveautomation.com/t/feature-perspective-power-chart-add-loading-icon-to-show-data-is-being-loaded/52134):
>
> If I change the period to show 5 days of history, it takes a good few seconds to load it where there is no indication that it’s actually doing anything; i can interact with the chart as per normal, add x-traces, zoom, etc. and then “poof!” it loads the data magically. If I set it to 20 days, it takes a good 35+s. It would be nice if there was a loading icon animation.

I should have created an idea to match, but it seems I never did...

---

<div class="post-metadata">

**Author:** ![Myasrama](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/myasrama/32/63822_2.png) [@Myasrama](https://forum.inductiveautomation.com/u/Myasrama)\
**Post date:** [July 22, 2024, 12:44pm UTC](https://forum.inductiveautomation.com/t/power-chart-loading-icon/93476/4 "2024-07-22T12:44:41Z")

</div>

Hey, I actually read your post, I'm experiencing the same delay with the power chart loading, It seemed appropriate to add a loading icon for the users, so there aware that data is loading and the page isn't broken.

I am currently working on a solution where we can use the perspective property change script to detect if data is null or false.

I am using a table historian in my power chart; I'm still trying to figure out which prop will hold the data in the power chart.

---

<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:** [July 22, 2024, 12:48pm UTC](https://forum.inductiveautomation.com/t/power-chart-loading-icon/93476/5 "2024-07-22T12:48:06Z")

</div>

> [@Myasrama](#):
>
> I'm still trying to figure out which prop will hold the data in the power chart.

There isn't one. The power chart does its own queries for tag data. The property change technique only works on chart types where you are providing the data yourself.

(FWIW, I've stopped using the Power Chart--it is painful to use with anything but trivial quantities of data.)

---

<div class="post-metadata">

**Author:** ![Myasrama](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/myasrama/32/63822_2.png) [@Myasrama](https://forum.inductiveautomation.com/u/Myasrama)\
**Post date:** [July 22, 2024, 1:47pm UTC](https://forum.inductiveautomation.com/t/power-chart-loading-icon/93476/6 "2024-07-22T13:47:58Z")

</div>

Is there a way I can access an event script on the apply button in the power chart? So that I'm able to display loading icon even for few seconds when clicked.

> The power chart does its own queries for tag data. The property change technique only works on chart types where you are providing the data yourself.

Also regarding the tag data, I am providing the data, my pen dataset comes from my database which is created with the DB Table Historian provider.

Not sure if this what you meant by providing the data yourself.

---

<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:** [July 22, 2024, 1:53pm UTC](https://forum.inductiveautomation.com/t/power-chart-loading-icon/93476/7 "2024-07-22T13:53:22Z")

</div>

> [@Myasrama](#):
>
> I am providing the data

No, you are providing "pointers" to the data, which the PowerChart uses to ask the given historian implementation for the **actual** pen data.

If you have your own queries or historian **bindings** , yielding raw data, you must use a different chart component.

---

<div class="post-metadata">

**Author:** ![Myasrama](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/myasrama/32/63822_2.png) [@Myasrama](https://forum.inductiveautomation.com/u/Myasrama)\
**Post date:** [July 26, 2024, 6:47pm UTC](https://forum.inductiveautomation.com/t/power-chart-loading-icon/93476/8 "2024-07-26T18:47:42Z")

</div>

Is there any way to access that pen data? or create historian bindings from the DB table historian provider? or is there a solution you think that may work?

I found a small solution which is where I can use the property change script on a few properties in the config section such as changing the dates and the mode.

Then implement the icon for a few seconds.

---

<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:** [July 26, 2024, 8:51pm UTC](https://forum.inductiveautomation.com/t/power-chart-loading-icon/93476/9 "2024-07-26T20:51:12Z")

</div>

> [@Myasrama](#):
>
> Is there any way to access that pen data?

Not in the PowerChart.

> [@Myasrama](#):
>
> historian bindings from the DB table historian provider?

You can use these with the timeseries chart and the XY chart.

---

<div class="post-metadata">

**Author:** ![Myasrama](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/myasrama/32/63822_2.png) [@Myasrama](https://forum.inductiveautomation.com/u/Myasrama)\
**Post date:** [August 7, 2024, 5:28pm UTC](https://forum.inductiveautomation.com/t/power-chart-loading-icon/93476/10 "2024-08-07T17:28:30Z")

</div>

I found a solution in terms of user experience and UI.

In the config prop of power chart there a number of settings that can detect changes the user makes. I used a property change script on these and added a delayed timer for the loading icon.
