# How can I fill the area under the curve in Perspective Time Series chart?

**URL:** <https://forum.inductiveautomation.com/t/how-can-i-fill-the-area-under-the-curve-in-perspective-time-series-chart/63976>\
**Category:** Ignition\
**Tags:** perspective\
**Created:** [September 12, 2022, 5:42pm UTC](https://forum.inductiveautomation.com/t/how-can-i-fill-the-area-under-the-curve-in-perspective-time-series-chart/63976 "2022-09-12T17:42:05Z")\
**Posts on this page:** 8\
**Page:** 1

<div class="post-metadata">

**Author:** ![Amir\_Farmanbar](https://avatars.discourse-cdn.com/v4/letter/a/a8b319/32.png) [@Amir\_Farmanbar](https://forum.inductiveautomation.com/u/Amir_Farmanbar)\
**Post date:** [September 12, 2022, 5:42pm UTC](https://forum.inductiveautomation.com/t/how-can-i-fill-the-area-under-the-curve-in-perspective-time-series-chart/63976/1 "2022-09-12T17:42:05Z")

</div>

![PERSPECTIVE](https://us1.discourse-cdn.com/inductiveautomation/original/3X/4/4/445a3755d5af93163dcb3e2dc673af4629e51232.png)  
Hello,  
how can I fill digital chart (Attached photo) instead of line. we can select digital area in report for that reason but, I couldn’t find a way to do the same in perspective view to see it live.

---

<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:** [September 12, 2022, 6:24pm UTC](https://forum.inductiveautomation.com/t/how-can-i-fill-the-area-under-the-curve-in-perspective-time-series-chart/63976/2 "2022-09-12T18:24:31Z")

</div>

What is “digital chart” and “digital area”? There are no components with these names.

---

<div class="post-metadata">

**Author:** ![Amir\_Farmanbar](https://avatars.discourse-cdn.com/v4/letter/a/a8b319/32.png) [@Amir\_Farmanbar](https://forum.inductiveautomation.com/u/Amir_Farmanbar)\
**Post date:** [September 12, 2022, 6:44pm UTC](https://forum.inductiveautomation.com/t/how-can-i-fill-the-area-under-the-curve-in-perspective-time-series-chart/63976/3 "2022-09-12T18:44:53Z")

</div>

I want to see filled area instead of line. if you see attached photo you can see the line green line as show 1. i want to see filled area between 0-1 all green. we can do it in report if we select “digital area” instead of “line”

---

<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:** [September 12, 2022, 6:45pm UTC](https://forum.inductiveautomation.com/t/how-can-i-fill-the-area-under-the-curve-in-perspective-time-series-chart/63976/4 "2022-09-12T18:45:19Z")

</div>

**Report**.

Perspective components are different from Vision components which are different from Report components. Features vary. Sometimes there are work-arounds.

---

<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:** [September 12, 2022, 7:06pm UTC](https://forum.inductiveautomation.com/t/how-can-i-fill-the-area-under-the-curve-in-perspective-time-series-chart/63976/5 "2022-09-12T19:06:55Z")

</div>

Which Perspective chart type is that? XY Chart?

If it is an XY Chart then set  
`props.series.0.line.appearance.fill.opacity: 0.5`  
`

---

<div class="post-metadata">

**Author:** ![Amir\_Farmanbar](https://avatars.discourse-cdn.com/v4/letter/a/a8b319/32.png) [@Amir\_Farmanbar](https://forum.inductiveautomation.com/u/Amir_Farmanbar)\
**Post date:** [September 12, 2022, 7:25pm UTC](https://forum.inductiveautomation.com/t/how-can-i-fill-the-area-under-the-curve-in-perspective-time-series-chart/63976/6 "2022-09-12T19:25:31Z")

</div>

it is TimeSeriesChart

---

<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:** [September 12, 2022, 7:41pm UTC](https://forum.inductiveautomation.com/t/how-can-i-fill-the-area-under-the-curve-in-perspective-time-series-chart/63976/7 "2022-09-12T19:41:08Z")

</div>

That’s what I was asking when I queried your term “digital chart”.

![Time Series Area type](https://us1.discourse-cdn.com/inductiveautomation/original/3X/b/1/b17c271f23510c0f75bb21680f029d7e092e4ecd.png)

You need to select _Time Series Chart | Area_ instead of _Line_.

---

<div class="post-metadata">

**Author:** ![Amir\_Farmanbar](https://avatars.discourse-cdn.com/v4/letter/a/a8b319/32.png) [@Amir\_Farmanbar](https://forum.inductiveautomation.com/u/Amir_Farmanbar)\
**Post date:** [September 13, 2022, 12:27pm UTC](https://forum.inductiveautomation.com/t/how-can-i-fill-the-area-under-the-curve-in-perspective-time-series-chart/63976/8 "2022-09-13T12:27:46Z")

</div>

Thank you very much. I got it. I was looking for complicated way, but this one was really easy.