Chart Element

Showcase Data On Your Site

Buy Avada
Discover More
Prebuilt Websites

7 Different Chart Types

The Chart Element brings to you 7 different ways to display your numerical data, each one as impressive as the next, and each one suiting several or different types of design and layout. Which you use and how you use them is completely up to you, as we have included extensive styling options for each chart.

Bar Chart

The classic bar chart, only with deep customization options for backgrounds, accents, colors and borders. You can control exactly how you want it to look.

Doughnut Chart

The Doughnut Chart can look as traditional or as modern as you like, with customization options, border and color options and the ability to enable and disable axis labels.

Line Chart

The Line chart is the most customizable of all of the charts in the Charts Element. With extensive style and display options you have the ultimate in data versatility..

Polar Area Chart

Our Polar Area chart is quite an obscure one, but still has several use cases. It again, has extensive customization options to give you the ability to control its look and feel.

Horizontal Bar Chart

A slightly different take on the traditional Bar chart is the Horizontal Bar Chart. This Chart includes all of the customization options of the regular Bar Chart.

Radar Chart

We also offer the Radar chart type. Perfect for displaying a vast visual differentiation between data, with all of the usual customization options.

Pie Chart

And last but certainly not least, the traditional Pie Chart. This chart also comes along with all of the good customization options of the other charts, still allowing you full style flexibility.

Automatic Chart Sizing

Each and every chart will automatically resize and scale to suit you and your design. Do you want to display 1, 2 or 3 charts side by side for comparison? The Chart Element allows you the freedom to do that and much much more.

Doughnut Chart

Doughnut Chart

Doughnut Chart

Doughnut Chart

Doughnut Chart

Doughnut Chart

Intelligent Tooltips

The Charts Element gives you the ability to have intelligent tooltips switched on or off on your charts. This means you can display them as part of an online report, or have them show key data on the hover of the mouse. Whenever tooltip is turned on, it will use the key data from the chart section (dependant upon the chart type) to display it at the mouse cursor point.

Fully Customizable Styling

Don’t worry about how the chart will integrate by appearance with your websites. We offer full color customization for charts, border size and color options , to ensure that however you’d like to design your chart, it’s more than possible.

Chart Background & Accents

We’ve created a way for you to set a chart up on its OWN background to further help you brand it accordingly! Not only the chart background, but the axis label colors and the grid line colors can be changed to suit your chart, page design or even your entire brand.

Bar Chart

Doughnut Chart

Line Chart

Extensive Line Chart Options

If your chart of choice is the Line chart, we have included several extensive styling options for you to utilise. These include the size of the pointers on your chart, their color and border color as well as their shape. This is one of our more customizable chart options and for good reason, as it’s one of the more complex charts to choose from.

  • Border Type
    Select the type of border your line chart
    should have.
  • Chart Fill
    Choose how your chart should be filled
  • Point Style
    Choose the style of your charts point marker
  • Point Size
    Choose the size of your charts point marker
  • Point Background Color
    Set the pointer background color
  • Point Border Color
    Set the pointer border color

Our Charts are Legend-ary!

Charts are sometimes nothing without a Legend to explain the data points and visual stats. We give you the flexibility to choose where on your chart your Legend displays. Top, Right, Bottom, Left or off, just incase your chart doesn’t need an explainer!

Bar Chart

Doughnut Chart

Doughnut Chart

Bar Chart

As much data as your like!

Do you have to show off a TON of data? No worries, we got your back! We let you add as many data columns and rows as you need, and label them accordingly. There’s no need to feel held back when visually displaying boring statistics any more, at least, not with the Avada Builder Chart Element!

The Avada: Website Builder


The Avada Website Builder gives you the ability to design and build any layouts for your Avada website. Choose to customize the Footer, single posts, Portfolio posts, archives, search results, and more. With the power of Layouts, Layout Sections, Conditional Logic, Layout Section Elements, and Avada’s massive range of Design Elements, the sky is the limit. Custom design a global footer or only apply the custom Footer to a single page or post.


Header Builder

Whatever your design requirements are, getting the job done could not be any easier. You can decide how many columns to use when designing and building the header, with a vast array of styling options to perfect the layout. What’s more, is you can now choose to create and display as many different headers as you want for different pages and posts throughout your website.

Footer Builder

Free from any constraints of Global Options, anything you can imagine and design, you can build and implement as your Footer, either globally or in a conditional layout on a Custom Post Type, a post category, or any number of other possibilites. With the Avada Footer Builder, we have introduced a tool of unparalled design power and flexibility, and you are now limited more by your imagination than anything else.

The #1 Selling WordPress Theme Of All Time


Individuals & Businesses Trust Avada


Documentation & Videos

We have a wide range of support material to suit your learning style. Our documentation is extensive and growing. There are almost 500 documents, where you can search and read about almost any aspect of Avada. Prefer to watch? We have a growing library of HD video tutorials covering the basics and much, much more. Like to engage? Submit a support ticket, join our Community Forum, or engage with other users on the community run Facebook Avada Users Group.


Start Searching

Video Tutorials

Start Watching

Need Support?

Start Engaging

Customize Elements Globally Or Individually

Elements can be controlled globally inside of the Avada Global Options, or individually per Element by changing the options for each once added to a page or post. Individual Element options will always override the global options. This flexibility gives you the ultimate freedom to style Elements and content that is unique and will stand out from the rest of the site.

Chart Data

  • Chart Type – Select the type of chart: Bar, Horizontal Bar, Line, Pie, Doughnut, Radar, Polar Area.
  • Title – Add your Charts Title.
  • Edit Chart Data Table – Opens the Chart Builder window.

Chart Options

  • Chart Background Color – Color Picker to select the background color.
  • Chart Padding Options – Set the Chart Padding
  • Border Size – Set the Border Size.
  • Chart Axis Text Color – Color Picker to set the Axis Text Color.
  • Chart Gridline Color – Color Picker to set the Gridline Color.
  • Legend Position – Choose from Default, Top, Right, Bottom, Left or Off.
  • X Axis Label – Set the X Axis Label.
  • Y Axis Label – Set the Y Axis Label.
  • Show Tooltips – Choose whether to show Tooltips or not.
  • Element Visibility – Choose to show or hide the element on small, medium or large screens.

  • CSS Class – Add a class to the wrapping HTML element.

  • CSS ID – Add an ID to the wrapping HTML element.