Adyen / lume

Lume is a component library for visual representations of data, built for Vue with D3.
https://lumedataviz.com
MIT License
37 stars 1 forks source link

Showing rich text in chart legend #413

Open govind-srinidhi opened 3 months ago

govind-srinidhi commented 3 months ago

Feature description

There are scenarios where the user wants to show rich text in chart legend.

In the below chart legend we can see that the number 234.36K is in bold.

Screenshot 2024-03-13 at 11 40 29

Lume chart legends do not support rich text at the moment.

Problem/motivation

In some scenarios user may want to show rich text in chart legend. Giving an option to allow the consumer to override the label slot of chart legend would be beneficial.

Describe alternatives you've considered

No response

Additional context

No response

Validations

joao-m-santos commented 3 months ago

@govind-srinidhi did you check this one with design? I think this should come from the design guidelines, and it seems to me it's coming from a custom design instead

govind-srinidhi commented 3 months ago

@joao-m-santos had a chat with the designer and we eventually were able to show this information with the tooltips instead of overriding chart legend.

We can close this issue once we decide that this feature is not necessary.

joao-m-santos commented 3 months ago

@govind-srinidhi let's maybe wait for some more input before closing the issue

sarobrien commented 3 months ago

IMO adding the option to override the chart legend label and customize with rich text or however the consumer needs is a good feature. In my experience a lot of the issues with standard chart libraries is the inflexibility and that if you need to do anything custom you have to do a lot of messy overriding of styles etc. If Lume provides a way to do this out of the box then I think it's a win!