Web UI component: j-BarChart

j-BarChart

Please review an example and keep a data-source.

Configuration:

paddingbars {Number} padding between bars (default: 5)
paddinggroup {Number} padding between groups of bars (default: 10)
radius {Number} enables presentation mode (default: 2)
offsetX {Number} An offset X for value tooltip (default: 10)
offsetY {Number} An offset Y for value tooltip (default: 10)
templateX {String} Tangular template for X axis (default: {{ value }})
templateY {String} Tangular template for Y axis (default: {{ value | format(0) }})
height {Number/String} height (default: 0 = auto-height) or string is meant as a parent element
width {Number/String} width (default: 0 = auto-width) or string is meant as a parent element
limit {Number} a maximum limit of value for Y axis (default: 0)
pl {Number} left padding for axis (default: 0)
pr {Number} lines right padding (default: 10)
pt {Number} lines top padding (default: 10)
pb {Number} lines bottom padding (default: 25)
prselected {Number} right padding for selected value (default: 0)
marginW {Number} a margin for width
marginH {Number} a margin for height

Dark mode

Preview