Skip to content

[Bug]: IgcBubbleSeriesComponent - Using fillScale and enabling highlightingMode gets bubble fill colors back to default colors. #2124

@norikois

Description

@norikois

Which component(s) are affected?

Other/unknown (please specify in the description)

Description

A bubble chart with fillScale configurations displays its bubbles in fill colors as in the fill scale settings.
But adding 'highlightingMode = FadeOthers' or any option other than None to igc-data-chart gets the bubble's fill colors back to default colors.

Reproduction

  1. Start the attached reproducible sample. Keep watching the bubbles in orange and in blue.
  2. Click 'Toggle Highlighting' button and mouse over one of the bubbles.

Actual:
The bubble's gradations are gone and the two series are displayed in green and purple as in the default fill colors.
And once the gradations are gone, the fillScale colors never come back even if the highligting gets enabled back again.
Note: Highlighting itself is working well.

Expected:
Even if highlighting is enabled, the fill colors should not default back and the color settings by fill scale should be kept applied.
And of course, highlighting is working as well.

C00245706-wcBubbleChartApp2.zip

Workaround

I have not found a workaround.

Is this a regression?

No or unsure. This never worker, or I haven't tried before.

Affected versions

igniteui-webcomponents-charts 6.3.1

Browser/OS/Node environment

Browser: Chrome 145.0.7632.160
OS: Windows 11 25H2
Node version: v24.0.0
npm version: 11.3.0

Metadata

Metadata

Assignees

No one assigned

    Labels

    🆕 status: newThe issue is new and will be reviewed when somebody picks it up.bugSomething isn't working

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions