# XY Chart how to change the line color and legend description

**URL:** <https://forum.inductiveautomation.com/t/xy-chart-how-to-change-the-line-color-and-legend-description/54062>\
**Category:** Ignition\
**Tags:** ignition80, perspective\
**Created:** [December 13, 2021, 5:25pm UTC](https://forum.inductiveautomation.com/t/xy-chart-how-to-change-the-line-color-and-legend-description/54062 "2021-12-13T17:25:45Z")\
**Posts on this page:** 11\
**Page:** 1

<div class="post-metadata">

**Author:** ![subramaniam.gopal](https://avatars.discourse-cdn.com/v4/letter/s/49beb7/32.png) [@subramaniam.gopal](https://forum.inductiveautomation.com/u/subramaniam.gopal)\
**Post date:** [December 13, 2021, 5:25pm UTC](https://forum.inductiveautomation.com/t/xy-chart-how-to-change-the-line-color-and-legend-description/54062/1 "2021-12-13T17:25:46Z")

</div>

Ignition Perspective XY chart please suggest which property needs to be configured to change the legend and line color

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

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

---

<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:** [December 13, 2021, 5:59pm UTC](https://forum.inductiveautomation.com/t/xy-chart-how-to-change-the-line-color-and-legend-description/54062/2 "2021-12-13T17:59:10Z")

</div>

**Legend**  
`PROPS.legend.labels.font.color`  
You were close!

**Line color**  
`PROPS.series.X.line.appearance.stroke.color`  
where ‘X’ is the series number.

---

<div class="post-metadata">

**Author:** ![subramaniam.gopal](https://avatars.discourse-cdn.com/v4/letter/s/49beb7/32.png) [@subramaniam.gopal](https://forum.inductiveautomation.com/u/subramaniam.gopal)\
**Post date:** [December 13, 2021, 6:11pm UTC](https://forum.inductiveautomation.com/t/xy-chart-how-to-change-the-line-color-and-legend-description/54062/3 "2021-12-13T18:11:53Z")

</div>

Thanks Again. it works for line color but label text and color not changing to corresponding label

 ![image](https://us1.discourse-cdn.com/inductiveautomation/original/3X/c/8/c8fbba011010c9e78a7f9c089f5c7cf0eeeb60da.png)

---

<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:** [December 13, 2021, 6:15pm UTC](https://forum.inductiveautomation.com/t/xy-chart-how-to-change-the-line-color-and-legend-description/54062/4 "2021-12-13T18:15:25Z")

</div>

Right-click on `legend`, copy and paste the JSON into a reply below so we can see what you’ve got.

---

<div class="post-metadata">

**Author:** ![subramaniam.gopal](https://avatars.discourse-cdn.com/v4/letter/s/49beb7/32.png) [@subramaniam.gopal](https://forum.inductiveautomation.com/u/subramaniam.gopal)\
**Post date:** [December 13, 2021, 6:23pm UTC](https://forum.inductiveautomation.com/t/xy-chart-how-to-change-the-line-color-and-legend-description/54062/5 "2021-12-13T18:23:12Z")

</div>

```auto
{
  "enabled": true,
  "position": "bottom",
  "absolute": {
    "x": 0,
    "y": 0
  },
  "markers": {
    "enabled": true,
    "width": 20,
    "height": 20,
    "mirrorLookOfSeries": false,
    "stroke": {
      "color": "",
      "width": 1,
      "opacity": 0
    },
    "cornerRadius": {
      "topLeft": 0,
      "topRight": 0,
      "bottomLeft": 0,
      "bottomRight": 0
    },
    "icon": {
      "path": "",
      "color": "",
      "verticalCenter": "top",
      "horizontalCenter": "left",
      "width": 20,
      "height": 20
    }
  },
  "labels": {
    "text": "[bold]{name}[/]",
    "font": {
      "weight": 400,
      "size": 16,
      "color": "#000000"
    }
  }
}

```

---

<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:** [December 13, 2021, 7:47pm UTC](https://forum.inductiveautomation.com/t/xy-chart-how-to-change-the-line-color-and-legend-description/54062/6 "2021-12-13T19:47:06Z")

</div>

It’s there at the bottom of your JSON. You have `labels.font.color` set to black.

Tip: You need to hit the _Reply_ button under my post if you want me to get notification of your post. Alternately use the `@username` syntax if you use the general reply button.

---

<div class="post-metadata">

**Author:** ![subramaniam.gopal](https://avatars.discourse-cdn.com/v4/letter/s/49beb7/32.png) [@subramaniam.gopal](https://forum.inductiveautomation.com/u/subramaniam.gopal)\
**Post date:** [December 14, 2021, 5:31am UTC](https://forum.inductiveautomation.com/t/xy-chart-how-to-change-the-line-color-and-legend-description/54062/7 "2021-12-14T05:31:24Z")

</div>

yes i have set the color of the text to black

---

<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:** [December 14, 2021, 11:49am UTC](https://forum.inductiveautomation.com/t/xy-chart-how-to-change-the-line-color-and-legend-description/54062/8 "2021-12-14T11:49:19Z")

</div>

> yes i have set the color of the text to black.

It was difficult to see what the color was before you started due to the yellow highlight.

If the question is answered to your satisfaction then please hit the "Solved" button on the post that gave you the information. If not, then please clarify what problems are remaining.

---

<div class="post-metadata">

**Author:** ![subramaniam.gopal](https://avatars.discourse-cdn.com/v4/letter/s/49beb7/32.png) [@subramaniam.gopal](https://forum.inductiveautomation.com/u/subramaniam.gopal)\
**Post date:** [December 14, 2021, 11:53am UTC](https://forum.inductiveautomation.com/t/xy-chart-how-to-change-the-line-color-and-legend-description/54062/9 "2021-12-14T11:53:02Z")

</div>

Legend text is not changing it is not showing text configured yAxes label name it is not about text/font color

---

<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:** [December 14, 2021, 12:04pm UTC](https://forum.inductiveautomation.com/t/xy-chart-how-to-change-the-line-color-and-legend-description/54062/10 "2021-12-14T12:04:23Z")

</div>

OK. Read your original question again to see where the confusion arose.

`PROPS.series.X.label.text`  
where ‘X’ is the series number.

---

<div class="post-metadata">

**Author:** ![subramaniam.gopal](https://avatars.discourse-cdn.com/v4/letter/s/49beb7/32.png) [@subramaniam.gopal](https://forum.inductiveautomation.com/u/subramaniam.gopal)\
**Post date:** [December 14, 2021, 1:09pm UTC](https://forum.inductiveautomation.com/t/xy-chart-how-to-change-the-line-color-and-legend-description/54062/11 "2021-12-14T13:09:24Z")

</div>

thanks I was searching for both line color change and legend label text . missed to type legend label text sorry for the confusion
