Chart Element

Showcase Data On Your Site

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 Fusion Builder Chart Element!

Mobile Visibility Settings

Our mobile visibility system gives you full control over what displays based on 3 customizable screen sizes. Every Fusion Builder Element has these settings and they allow you to show or hide elements on various screen sizes. In addition, you can choose what those screen sizes are! This gives you maximum control to set the exact point when an element should show or hide. Resize the page to see the elements appear or disappear based on what we set.

Only Display on Desktop

Mobile Visibility Setting

Only Display on Tablet

Mobile Visibility Setting

Only Display on Mobile

Mobile Visibility Setting

Display Everywhere

Mobile Visibility Setting

Advanced Options Network

Theme Options are global, Page Options are individual. This setup gives you amazing creative flexibility that becomes indespensible when you start creating your site. Having the option to freely choose how individual pages are styled is an incredible freedom.

#1 Selling Theme Of All Time

550,000+

Individuals & Businesses Trust Avada

BUY AVADA NOW!

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.

Documentation

Start Searching

Video Tutorials

Start Watching

Need Support?

Start Engaging

Customize Elements Globally Or Individually

Elements can be controlled globally inside of the Fusion Theme 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 theme 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.