jQuery hBarChart Examples

Default Settings

  • jQuery
  • JavaScript
  • HTML5
  • CSS/CSS3
  • AngularJS 1.x / 2.x
  • React / React Native
  • Vue.js 1.x / 2.x
  • UI / UX
  • Graphic Design

Customize 1

  • jQuery
  • JavaScript
  • HTML5
  • CSS/CSS3
  • AngularJS 1.x / 2.x
  • React / React Native
  • Vue.js 1.x / 2.x
  • UI / UX
  • Graphic Design

Available Options

Option Type Default Remarks
bgColor string green For set background color of each bar. Here you can use color name or hex value of color
textColor string white For set text color of each bar. Here you can use color name or hex value of color
show string label Set label or data or both. Available: label,data,both
sorting boolean true Set your chart will be sorted or not according to your data
maxStyle object { bg: 'orange', text: 'white' } You can style your maximum value bar.