Hello @Claudia Almeida,

Please refer below link, it is similar to your issue.

https://www.outsystems.com/forums/discussion/88309/legend-color-is-different-with-bar-chart/

Hope this helps.

Hi! The issue where the legend colors don’t match the bar colors in a Stacked Column Chart can be fixed by adjusting the advanced settings. Here’s how you can do it:

1. Check Your Chart Configuration

First, make sure you’re using a Stacked Column Chart in your Reactive app and that your data series are properly defined.

2. Sync the Colors Using JSON

To ensure the legend colors match the bar colors, you’ll need to use the Advanced Format Options property. This is where you can customize your chart with JSON.

Here’s a simple JSON example you can use:

jsonCopy code{    "plotOptions": {        "column": {            "stacking": "normal"        }    },    "colors": ["#FF5733", "#33FF57", "#3357FF"],    "legend": {        "align": "center",        "verticalAlign": "bottom",        "layout": "horizontal"    }}

• colors: These are the colors for your bars and legend. Replace them with your preferred colors (hex codes or RGB).
• plotOptions.column.stacking: This ensures the bars are stacked properly.
• legend: Aligns and positions the legend at the bottom.

3. How to Add the JSON

• Go to your chart widget in Service Studio.
• Look for the AdvancedFormatOptions property.
• Paste the JSON code above into that property.

Hi Claudia,

you'll need to share what version of charts you are using, and how you are populating / configuring it.

A typical mistake that can cause this, is that people define series colors in the SeriesStyling addon (charts V3.x), but give the datapoints other colors when populating datapoints for the chart.  

Dorine

Hello @Claudia Almeida ,

Please refer the this oml file below.