# Request for Help Customizing Axes in PowerGraph

**URL:** <https://forum.inductiveautomation.com/t/request-for-help-customizing-axes-in-powergraph/104150>\
**Category:** Ignition\
**Tags:** designer, perspective\
**Created:** [March 25, 2025, 11:13am UTC](https://forum.inductiveautomation.com/t/request-for-help-customizing-axes-in-powergraph/104150 "2025-03-25T11:13:55Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![tom.benat](https://avatars.discourse-cdn.com/v4/letter/t/278dde/32.png) [@tom.benat](https://forum.inductiveautomation.com/u/tom.benat)\
**Post date:** [March 25, 2025, 11:13am UTC](https://forum.inductiveautomation.com/t/request-for-help-customizing-axes-in-powergraph/104150/1 "2025-03-25T11:13:55Z")

</div>

Hello,

I want to change the appearance of a graphic and specifically modify the width of the line stroke below the graphic. However, I cannot make this change with CSS because the property is directly set in the HTML line:

```python
<line x1="-0" y1="0.5" x2="211" y2="0.5" class="ia_powerChartComponent __timeAxis__ axis" style="stroke: rgb(0, 0, 0);"></line>

```

I would like to know if it is possible to access this line and modify its attributes (such as the stroke width) directly from the Perspective Designer or through another method.

Thank you for your help.

 ![Screenshot from 2025-03-25 12-08-12](https://us1.discourse-cdn.com/inductiveautomation/original/3X/b/8/b8226c36ec1e1bbfc336883f8457488511f33b15.png)  
 ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/e/2/e233fa9d4eb2854330e1a1f0bf88673a85d5d03a.png)

---

<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:** [March 25, 2025, 12:53pm UTC](https://forum.inductiveautomation.com/t/request-for-help-customizing-axes-in-powergraph/104150/2 "2025-03-25T12:53:12Z")

</div>

Should be able to select it in the stylesheet with

```python
.ia_powerChartComponent __timeAxis__ axis {
   stroke-width: 45px;
}

```

Untested though....

---

<div class="post-metadata">

**Author:** ![tom.benat](https://avatars.discourse-cdn.com/v4/letter/t/278dde/32.png) [@tom.benat](https://forum.inductiveautomation.com/u/tom.benat)\
**Post date:** [March 25, 2025, 1:00pm UTC](https://forum.inductiveautomation.com/t/request-for-help-customizing-axes-in-powergraph/104150/3 "2025-03-25T13:00:23Z")

</div>

I would like to reduce the length of the x-axis so that it intersects with the y-axis. I would like to access the properties x1, y1, x2, and y2. is this possible ? like this :  
 ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/0/5/051c07f3be0257217bf13a37c9136026379a5268.png)  
and not like this :  
 ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/c/4/c45de7501a0cead997db8ff36744067dd5ef6311.png)