States not setting up for each column in columnSeries

[Ashishvkale]

Here I'm traversing over each column from column series
Want to change color and fill opacity of each column except the hoverd one
Seems like some small piece is missing

Below is the code for same:

         
          columnSeries.columns.template.set("interactive", true)

            columnSeries.columns.template.states.create("dimmed", {
                fill: am5.color(0xcccccc), // Light grey color
                fillOpacity: 0.3 // Semi-transparent
            })

            columnSeries.columns.template.events.on("pointerover", (event) => {
                if (this.chart) {
                    const hoveredColumn = event.target.dataItem?.dataContext as ColumnContent
                        this.chart.series.each((s) => {
                            if (s instanceof am5xy.ColumnSeries) {
                                s.columns.each((column) => {
                                    const columnData = column.dataItem?.dataContext as ColumnContent
                                    if (!this.idsToExclude.includes(columnData.id)) column.states.apply("dimmed")
                                })
                            }
                        })             
                  }
            })

How can we achieve this and apply our state on top even if any adapter or event is adding colors ??

[martynasma]

You should be able to apply state over any other state.

However, adapter always has the "last say". You can't knock off adapter's value with a state.

If you need to do that, you need to incorporate that check into adapter's code.

[github-actions]

This issue is stale because it has been open 30 days with no activity. It will be closed in 5 days unless a new comment is added.