Visually present your business and product growth with this Bar Chart widget by Droit Addons for Elementor. 

Using Bar Chart #

Step 1 #

Make sure you have the Bar Chart widget enabled from your Dashboard > Droit Addons > Elements

Step 2 #

Let’s start by searching for the Bar Chart widget from the left-hand side menu, and drag the widget to your preferred section.

Step 3 #

Under the Bar Chart Content drop-down, you can start by editing the content labels and choosing the chart type between vertical and horizontal. 

Enter multiple labels with ( , ) as a separator, for example – January, February, March, April, etc.

Step 4 #

To edit the data for each item/product, click on ADD ITEM to add new items/products, and to edit them, just click on the items you’ve just created and start editing the values. 

You can edit each item’s values from here. Make sure to use this ( , ) as a separator. For example – 1, 2, 5, 7, etc. 

Step 5 #

You also have the option to change the color profile and border width of each item/label from the style tab. 

Step 6 #

From the Chart Settings drop-down, you can toggle between the grid’s both X and Y axes lines, labels, tooltips, and legend title. 

You also have the option to increase and decrease the size of both the X and Y axes scales and edit the legend title, position, and style. 

And that’s it. When you’re done, press “Publish” to save your changes.

Powered by BetterDocs