Bar Chart

Compare your data with style! The Bar Chart widget is perfect for showing comparisons between different categories in a clear, linear format.

This widget comes free with WPMozo Addons Lite. To use it, simply install and activate the free version of plugin.

Overview

Bar charts are one of the most effective ways to visualize data comparisons. This widget gives you the flexibility to create both horizontal and vertical charts, with smooth animations that make your data presentation dynamic and engaging.

How to use

• Search for “Bar Chart” and add it to your column.
• Choose the orientation (Vertical or Horizontal) based on your layout.
• Input your data labels and values in the repeater section.
• Customize the grid, axis labels, and bar colors to match your brand.

Content settings

• Bar Orientation: Switch between Vertical (Column) and Horizontal bar charts with one click.
• Data Points: Add labels and corresponding values for each bar in your chart.
• Interactive Tooltips: Enable tooltips to display the exact data value when hovering over any bar.

Style settings

Bar styling

Customize the bars that represent your data points.

• Bar Colors: Choose a single color for all bars or unique colors for each.
• Bar Thickness: Adjust the width of the bars for a slimmer or bolder look.
• Borders: Set custom border colors and widths for each bar segment.

Axis and grid Styling

Control the appearance of the chart’s background and scales.

• Grid Lines: Toggle background grid lines and set their color/opacity.
• Label Typography: Fully style the text on both the X and Y axes.
• Ticks: Customize the small indicator marks along the axes.

Animation and interaction

Define how the bar chart loads and responds to users.

• Growth Animation: Choose an animation style and set its duration.
• Legend Styling: Customize the legend position and typography.
• Tooltips: Style the hover tooltips for a clear data presentation.