VStackBarFlow
Stack bar for Vaadin 14 +
Show a bar that presents data with rectangular bars with widths proportional to the given values.
You can set colors, background colors and descriptions (as tooltip) for each values. You can also use preset themes.
You can see the web components here: https://www.webcomponents.org/element/@jcgueriaud/v-stack-bar
Sample code
VStackBar stackBar = new VStackBar(); stackBar.setBars(1,2,3,5); add(stackBar); VStackBar stackBar2 = new VStackBar(); stackBar2.setBars(10,2,3,5); stackBar2.setDescriptions("First description","Second description","Third description","Last description"); stackBar2.setTheme("lumo-success"); add(stackBar2); VStackBar stackBar3 = new VStackBar(); stackBar3.setBars(2,0,3,5); stackBar3.setDescriptions("First description","Second description","Third description","Last description"); stackBar3.setThemeVariant(VStackBarVariant.LUMO_ERROR); add(stackBar3); VStackBar stackBar4 = new VStackBar(); stackBar4.setBars(2,0,3,5); stackBar4.setBackgroundColors("red","pink","var(--stack-background-color-2)"); stackBar4.setColors("red","var(--stack-color-2)"); add(stackBar4);
Links
Compatibility
Was this helpful? Need more help?
Leave a comment or a question below. You can also join
the chat on Discord or
ask questions on StackOverflow.
Version
Update components to use Vaadin ThemableMixin
- Released
- 2019-06-17
- Maturity
- EXPERIMENTAL
- License
- Apache License 2.0
Compatibility
- Framework
- Vaadin 14+
- Browser
- N/A
VStackBarFlow - Vaadin Add-on Directory
Stack bar for Vaadin 14 +View on GitHub
VStackBarFlow version 1.0.0
First version of Vaadin integration of https://github.com/jcgueriaud1/v-stack-bar
VStackBarFlow version 1.1.1
Update components to use Vaadin ThemableMixin