Introduced in Avada 5.5, the Chart Element is a new addition to the Fusion Builder Elements toolkit. There are different chart types to utilize such as Bar, Horizontal Bar, Line, Pie, Doughnut, Radar, or Polar Area. Some usage examples include line graphs that of data can be used to compare changes over the same period of time for more than one group. Pie charts are for when you are trying to compare parts of a whole, they do not show changes over time. Bar graphs are used to compare data between different groups or to track changes over a certain time frame. Read on to discover more about this amazing element.
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.
How To Use The Chart Element
The Chart Element is the most versatile way to add charts anywhere on your site.
Step 1 - Create a new page or edit an existing one.
Step 2 - Add a container then select your desired column layout.
Step 3 - Click the '+ Element' button to bring up the Elements window. Locate the 'Chart' element and click it to bring up its options window.
Step 4 - Charts can be simple, and they can be very complex. The Chart options are broken up into two sections to make the process as easy as possible. The first section is called Chart Options. Here you configure the chart by giving it a title, choosing the chart type, the labels on the X and Y axes, as well as border, fill and other styling options.
Step 5 - Once you have finished configuring the chart, you need to populate it. This happens in the Chart Data section. Here you can add Value Columns and Data Sets to build your chart. Once you have entered your data, click Save to return to the edit page. Preview the page to see the chart, and remember, you can always return to edit the element to fine tune its appearance or to add more data.
Please read below for details on the specific options the Chart Element has.
There are two tabs in the Chart Element namely Chart Options and Chart Data. Please continue reading below to know more about each option. A chart can take on a variety of forms, with common features that provide the chart with its ability to extract meaning from data.
Location: The edit screen within each Element.
You can deploy as many individual Elements in pages and posts as you need, there is no limit. Within each of the Elements, you will see a tab or tabs that house an array of options that make it possible for you to configure each Element independently, and greatly enhance your flexibility and creative options.
Note: The Default setting will use the global settings assigned for this element in your Theme Options > Fusion Builder Elements > Chart Element section. Also, please note that the displayed options screens below show ALL the available options for the element. If you have Avada's Option Network Dependencies turned on, you will only see options relevant to your selections, and so the options screen may look somewhat different.
Chart Options Tab
Chart Data Tab
Location: WordPress Dashboard > Avada > Theme Options > Fusion Builder Elements > Chart Element.
The Avada Advanced Options Network gives you amazing flexibility with additional Global Options that allows you to control individual Elements en masse.