Search Divi Plus Documentation

Search for answers or browse our knowledge base.
Explore Divi Plus's Live Demo

All Topics
Print

Bar Chart 

The DP Bar Chart Module allows you to display data in a simple, visual, and easy-to-understand bar chart format. It’s perfect for showcasing statistics, comparisons, skill levels, or progress values. With customizable colors and flexible data entry, you can design charts that match your website’s style effortlessly.

How to add module on page

Once Divi Plus is activated, it adds several modules to the Divi builder. To add a module on the page, use the following steps:

  1. Create/Edit a Page/Post that uses Divi builder.
  2. Create/Edit a row.
  3. Click on Add New Module option; choose the DP Bar Chart module.

How to add bar chart items

Click on “Add New Bar Chart Item” to insert a new bar into the chart. You can add multiple items to display different data values.

Single DP Bar Chart item – content settings

Each bar item has its own individual settings:

  • Label
    Enter the text label for the bar (for example: Sales, Skills, Progress, etc.).
  • Value
    Set the numerical value for the bar. This value controls the height or length of the bar.
  • Bar Background Color
    Choose the fill color of the bar.
  • Bar Border Color
    Select the border color for the bar to enhance its appearance or contrast.

Global content option

  • Bar Chart Title
    Add a main title for your bar chart to describe what the data represents.
Table of Contents