Online resources

Using WordPress Chart Element to Enhance your Web Page

[fusion_builder_container hundred_percent=”no” hundred_percent_height=”no” hundred_percent_height_scroll=”no” hundred_percent_height_center_content=”yes” equal_height_columns=”no” menu_anchor=”” hide_on_mobile=”small-visibility,medium-visibility,large-visibility” class=”” id=”” background_color=”” background_image=”” background_position=”center center” background_repeat=”no-repeat” fade=”no” background_parallax=”none” enable_mobile=”no” parallax_speed=”0.3″ video_mp4=”” video_webm=”” video_ogv=”” video_url=”” video_aspect_ratio=”16:9″ video_loop=”yes” video_mute=”yes” video_preview_image=”” border_size=”” border_color=”” border_style=”solid” margin_top=”” margin_bottom=”” padding_top=”” padding_right=”” padding_bottom=”” padding_left=””][fusion_builder_row][fusion_builder_column type=”1_1″ layout=”1_1″ spacing=”” center_content=”no” link=”” target=”_self” min_height=”” hide_on_mobile=”small-visibility,medium-visibility,large-visibility” class=”” id=”” background_color=”” background_image=”” background_position=”left top” background_repeat=”no-repeat” hover_type=”none” border_size=”0″ border_color=”” border_style=”solid” border_position=”all” padding_top=”” padding_right=”” padding_bottom=”” padding_left=”” dimension_margin=”” animation_type=”” animation_direction=”left” animation_speed=”0.3″ animation_offset=”” last=”no”][fusion_separator style_type=”none” hide_on_mobile=”small-visibility,medium-visibility,large-visibility” class=”” id=”” sep_color=”” top_margin=”40″ bottom_margin=”” border_size=”” icon=”” icon_circle=”” icon_circle_color=”” width=”” alignment=”center” /][fusion_text columns=”” column_min_width=”” column_spacing=”” rule_style=”default” rule_size=”” rule_color=”” class=”” id=””]

[/fusion_text][/fusion_builder_column][/fusion_builder_row][/fusion_builder_container][fusion_builder_container hundred_percent=”no” equal_height_columns=”no” menu_anchor=”” hide_on_mobile=”small-visibility,medium-visibility,large-visibility” class=”” id=”” background_color=”” background_image=”” background_position=”center center” background_repeat=”no-repeat” fade=”no” background_parallax=”none” parallax_speed=”0.3″ video_mp4=”” video_webm=”” video_ogv=”” video_url=”” video_aspect_ratio=”16:9″ video_loop=”yes” video_mute=”yes” overlay_color=”” video_preview_image=”” border_size=”” border_color=”” border_style=”solid” padding_top=”” padding_bottom=”” padding_left=”” padding_right=””][fusion_builder_row][fusion_builder_column type=”1_1″ layout=”1_1″ background_position=”left top” background_color=”” border_size=”” border_color=”” border_style=”solid” border_position=”all” spacing=”yes” background_image=”” background_repeat=”no-repeat” padding_top=”” padding_right=”” padding_bottom=”” padding_left=”” margin_top=”0px” margin_bottom=”0px” class=”” id=”” animation_type=”” animation_speed=”0.3″ animation_direction=”left” hide_on_mobile=”small-visibility,medium-visibility,large-visibility” center_content=”no” last=”no” min_height=”” hover_type=”none” link=””][fusion_text columns=”” column_min_width=”” column_spacing=”” rule_style=”default” rule_size=”” rule_color=”” class=”” id=””]

WordPress Chart Element is dynamic and amazing, it offers 6 beautifully crafted chart types in one element with an incredible user interface that makes it very easy to use. Grouped with a set of amazing customization options, this element allows you to display any kind of chart data beautifully. With extremely simple to navigate branding options for colours, labels and positioning, the Chart Element brings form and function together beautifully.

[/fusion_text][fusion_separator style_type=”single solid” hide_on_mobile=”small-visibility,medium-visibility,large-visibility” class=”” id=”” sep_color=”” top_margin=”” bottom_margin=”” border_size=”” icon=”” icon_circle=”” icon_circle_color=”” width=”” alignment=”center” /][/fusion_builder_column][/fusion_builder_row][/fusion_builder_container][fusion_builder_container hundred_percent=”no” hundred_percent_height=”no” hundred_percent_height_scroll=”no” hundred_percent_height_center_content=”yes” equal_height_columns=”no” menu_anchor=”” hide_on_mobile=”small-visibility,medium-visibility,large-visibility” class=”” id=”” background_color=”” background_image=”” background_position=”center center” background_repeat=”no-repeat” fade=”no” background_parallax=”none” enable_mobile=”no” parallax_speed=”0.3″ video_mp4=”” video_webm=”” video_ogv=”” video_url=”” video_aspect_ratio=”16:9″ video_loop=”yes” video_mute=”yes” video_preview_image=”” border_size=”” border_color=”” border_style=”solid” margin_top=”10%” margin_bottom=”10%” padding_top=”” padding_right=”” padding_bottom=”” padding_left=”” admin_label=”Bar chart”][fusion_builder_row][fusion_builder_column type=”1_2″ layout=”1_2″ spacing=”” center_content=”no” link=”” target=”_self” min_height=”” hide_on_mobile=”small-visibility,medium-visibility,large-visibility” class=”” id=”” background_color=”” background_image=”” background_position=”left top” undefined=”” background_repeat=”no-repeat” hover_type=”none” border_size=”0″ border_color=”” border_style=”solid” border_position=”all” padding_top=”” padding_right=”10%” padding_bottom=”” padding_left=”” margin_top=”” margin_bottom=”” animation_type=”” animation_direction=”left” animation_speed=”0.3″ animation_offset=”” last=”no”][fusion_text columns=”” column_min_width=”” column_spacing=”” rule_style=”default” rule_size=”” rule_color=”” class=”” id=””]

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.

[/fusion_text][/fusion_builder_column][fusion_builder_column type=”1_2″ layout=”1_2″ spacing=”” center_content=”no” link=”” target=”_self” min_height=”” hide_on_mobile=”small-visibility,medium-visibility,large-visibility” class=”” id=”” background_color=”” background_image=”” background_position=”left top” background_repeat=”no-repeat” hover_type=”none” border_size=”0″ border_color=”” border_style=”solid” border_position=”all” padding_top=”” padding_right=”” padding_bottom=”” padding_left=”” dimension_margin=”” animation_type=”” animation_direction=”left” animation_speed=”0.3″ animation_offset=”” last=”no”][fusion_chart title=”Company Growth” chart_type=”bar” chart_legend_position=”” x_axis_label=”Years” y_axis_label=”Revenues” show_tooltips=”” chart_border_type=”smooth” chart_fill=”off” chart_point_style=”circle” chart_point_size=”3″ chart_point_bg_color=”” chart_point_border_color=”” hide_on_mobile=”small-visibility,medium-visibility,large-visibility” class=”” id=”” chart_bg_color=”” padding_top=”” padding_right=”” padding_bottom=”” padding_left=”” chart_axis_text_color=”” chart_gridline_color=”” x_axis_labels=”2014|2015|2016|2017|2018″ legend_text_colors=”#ffffff|#ffffff|#ffffff|#ffffff|#ffffff” bg_colors=”#00bcd4|#8bc34a|#ff9800|#e84078|#9b44c4″ border_colors=”#00bcd4|#8bc34a|#ff9800|#e84078|#9943c1″ chart_border_size=””][fusion_chart_dataset title=”Data Set 1″ legend_text_color=”#ffffff” background_color=”#00bcd4″ border_color=”#00bcd4″ values=”25|34|46|57|70″][/fusion_chart_dataset][/fusion_chart][/fusion_builder_column][/fusion_builder_row][/fusion_builder_container][fusion_builder_container hundred_percent=”no” hundred_percent_height=”no” hundred_percent_height_scroll=”no” hundred_percent_height_center_content=”yes” equal_height_columns=”no” menu_anchor=”” hide_on_mobile=”small-visibility,medium-visibility,large-visibility” class=”” id=”” background_color=”” background_image=”” background_position=”center center” background_repeat=”no-repeat” fade=”no” background_parallax=”none” enable_mobile=”no” parallax_speed=”0.3″ video_mp4=”” video_webm=”” video_ogv=”” video_url=”” video_aspect_ratio=”16:9″ video_loop=”yes” video_mute=”yes” video_preview_image=”” border_size=”” border_color=”” border_style=”solid” margin_top=”10%” margin_bottom=”10%” padding_top=”” padding_right=”” padding_bottom=”” padding_left=”” admin_label=”Horizontal Bar chart”][fusion_builder_row][fusion_builder_column type=”1_2″ layout=”1_2″ spacing=”” center_content=”no” link=”” target=”_self” min_height=”” hide_on_mobile=”small-visibility,medium-visibility,large-visibility” class=”” id=”” background_color=”” background_image=”” background_position=”left top” undefined=”” background_repeat=”no-repeat” hover_type=”none” border_size=”0″ border_color=”” border_style=”solid” border_position=”all” padding_top=”” padding_right=”10%” padding_bottom=”” padding_left=”” margin_top=”” margin_bottom=”” animation_type=”” animation_direction=”left” animation_speed=”0.3″ animation_offset=”” last=”no”][fusion_text columns=”” column_min_width=”” column_spacing=”” rule_style=”default” rule_size=”” rule_color=”” class=”” id=””]

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 so you don’t miss out on styling it as you like.[/fusion_text][/fusion_builder_column][fusion_builder_column type=”1_2″ layout=”1_2″ spacing=”” center_content=”no” link=”” target=”_self” min_height=”” hide_on_mobile=”small-visibility,medium-visibility,large-visibility” class=”” id=”” background_color=”” background_image=”” background_position=”left top” background_repeat=”no-repeat” hover_type=”none” border_size=”0″ border_color=”” border_style=”solid” border_position=”all” padding_top=”” padding_right=”” padding_bottom=”” padding_left=”” dimension_margin=”” animation_type=”” animation_direction=”left” animation_speed=”0.3″ animation_offset=”” last=”no”][fusion_chart title=”Smart Phone Sales” chart_type=”horizontalBar” chart_legend_position=”” x_axis_label=”Years” y_axis_label=”Sales” show_tooltips=”” chart_border_type=”smooth” chart_fill=”off” chart_point_style=”circle” chart_point_size=”3″ chart_point_bg_color=”” chart_point_border_color=”” hide_on_mobile=”small-visibility,medium-visibility,large-visibility” class=”” id=”” chart_bg_color=”” padding_top=”” padding_right=”” padding_bottom=”” padding_left=”” chart_axis_text_color=”” chart_gridline_color=”” x_axis_labels=”2014|2015|2016|2017|2018″ legend_text_colors=”#ffffff|#ffffff|#ffffff|#ffffff|#ffffff” bg_colors=”#00bcd4|#8bc34a|#ff9800|#e84078|#9b44c4″ border_colors=”#00bcd4|#8bc34a|#ff9800|#e84078|#9943c1″ chart_border_size=””][fusion_chart_dataset title=”iPhone” legend_text_color=”#ffffff” background_color=”#00bcd4″ border_color=”#00bcd4″ values=”25|39|46|57|70″][/fusion_chart_dataset][fusion_chart_dataset title=”Android Phone” legend_text_color=”#ffffff” background_color=”#8bc34a” border_color=”#8bc34a” values=”20|33|40|46|55″][/fusion_chart_dataset][/fusion_chart][/fusion_builder_column][/fusion_builder_row][/fusion_builder_container][fusion_builder_container hundred_percent=”no” hundred_percent_height=”no” hundred_percent_height_scroll=”no” hundred_percent_height_center_content=”yes” equal_height_columns=”no” menu_anchor=”” hide_on_mobile=”small-visibility,medium-visibility,large-visibility” class=”” id=”” background_color=”” background_image=”” background_position=”center center” background_repeat=”no-repeat” fade=”no” background_parallax=”none” enable_mobile=”no” parallax_speed=”0.3″ video_mp4=”” video_webm=”” video_ogv=”” video_url=”” video_aspect_ratio=”16:9″ video_loop=”yes” video_mute=”yes” video_preview_image=”” border_size=”” border_color=”” border_style=”solid” margin_top=”10%” margin_bottom=”10%” padding_top=”” padding_right=”” padding_bottom=”” padding_left=”” admin_label=”Dounut chart”][fusion_builder_row][fusion_builder_column type=”1_2″ layout=”1_2″ spacing=”” center_content=”no” link=”” target=”_self” min_height=”” hide_on_mobile=”small-visibility,medium-visibility,large-visibility” class=”” id=”” background_color=”” background_image=”” background_position=”left top” undefined=”” background_repeat=”no-repeat” hover_type=”none” border_size=”0″ border_color=”” border_style=”solid” border_position=”all” padding_top=”” padding_right=”10%” padding_bottom=”” padding_left=”” margin_top=”” margin_bottom=”” animation_type=”” animation_direction=”left” animation_speed=”0.3″ animation_offset=”” last=”no”][fusion_text columns=”” column_min_width=”” column_spacing=”” rule_style=”default” rule_size=”” rule_color=”” class=”” id=””]

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.[/fusion_text][/fusion_builder_column][fusion_builder_column type=”1_2″ layout=”1_2″ spacing=”” center_content=”no” link=”” target=”_self” min_height=”” hide_on_mobile=”small-visibility,medium-visibility,large-visibility” class=”” id=”” background_color=”” background_image=”” background_position=”left top” background_repeat=”no-repeat” hover_type=”none” border_size=”0″ border_color=”” border_style=”solid” border_position=”all” padding_top=”” padding_right=”” padding_bottom=”” padding_left=”” dimension_margin=”” animation_type=”” animation_direction=”left” animation_speed=”0.3″ animation_offset=”” last=”no”][fusion_chart title=”Electricity Supply 2018″ chart_type=”doughnut” chart_legend_position=”” x_axis_label=”Years” y_axis_label=”Sales” show_tooltips=”” chart_border_type=”smooth” chart_fill=”off” chart_point_style=”circle” chart_point_size=”3″ chart_point_bg_color=”” chart_point_border_color=”” hide_on_mobile=”small-visibility,medium-visibility,large-visibility” class=”” id=”” chart_bg_color=”” padding_top=”” padding_right=”” padding_bottom=”” padding_left=”” chart_axis_text_color=”” chart_gridline_color=”” x_axis_labels=”Nuclear|Natural Gas|Water|Wind|Solar” legend_text_colors=”#ffffff|#ffffff|#ffffff|#ffffff|#ffffff” bg_colors=”#00bcd4|#8bc34a|#ff9800|#e84078|#9b44c4″ border_colors=”#00bcd4|#8bc34a|#ff9800|#e84078|#9943c1″ chart_border_size=””][fusion_chart_dataset title=”Data Set 1″ legend_text_color=”#ffffff” background_color=”#00bcd4″ border_color=”#00bcd4″ values=”58|10|23|5|4″][/fusion_chart_dataset][/fusion_chart][/fusion_builder_column][/fusion_builder_row][/fusion_builder_container][fusion_builder_container hundred_percent=”no” hundred_percent_height=”no” hundred_percent_height_scroll=”no” hundred_percent_height_center_content=”yes” equal_height_columns=”no” menu_anchor=”” hide_on_mobile=”small-visibility,medium-visibility,large-visibility” class=”” id=”” background_color=”” background_image=”” background_position=”center center” background_repeat=”no-repeat” fade=”no” background_parallax=”none” enable_mobile=”no” parallax_speed=”0.3″ video_mp4=”” video_webm=”” video_ogv=”” video_url=”” video_aspect_ratio=”16:9″ video_loop=”yes” video_mute=”yes” video_preview_image=”” border_size=”” border_color=”” border_style=”solid” margin_top=”10%” margin_bottom=”10%” padding_top=”” padding_right=”” padding_bottom=”” padding_left=”” admin_label=”Pie chart”][fusion_builder_row][fusion_builder_column type=”1_2″ layout=”1_2″ spacing=”” center_content=”no” link=”” target=”_self” min_height=”” hide_on_mobile=”small-visibility,medium-visibility,large-visibility” class=”” id=”” background_color=”” background_image=”” background_position=”left top” undefined=”” background_repeat=”no-repeat” hover_type=”none” border_size=”0″ border_color=”” border_style=”solid” border_position=”all” padding_top=”” padding_right=”10%” padding_bottom=”” padding_left=”” margin_top=”” margin_bottom=”” animation_type=”” animation_direction=”left” animation_speed=”0.3″ animation_offset=”” last=”no”][fusion_text columns=”” column_min_width=”” column_spacing=”” rule_style=”default” rule_size=”” rule_color=”” class=”” id=””]

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.[/fusion_text][/fusion_builder_column][fusion_builder_column type=”1_2″ layout=”1_2″ spacing=”” center_content=”no” link=”” target=”_self” min_height=”” hide_on_mobile=”small-visibility,medium-visibility,large-visibility” class=”” id=”” background_color=”” background_image=”” background_position=”left top” background_repeat=”no-repeat” hover_type=”none” border_size=”0″ border_color=”” border_style=”solid” border_position=”all” padding_top=”” padding_right=”” padding_bottom=”” padding_left=”” dimension_margin=”” animation_type=”” animation_direction=”left” animation_speed=”0.3″ animation_offset=”” last=”no”][fusion_chart title=”Electricity Supply 2018″ chart_type=”pie” chart_legend_position=”” x_axis_label=”Years” y_axis_label=”Sales” show_tooltips=”” chart_border_type=”smooth” chart_fill=”off” chart_point_style=”circle” chart_point_size=”3″ chart_point_bg_color=”” chart_point_border_color=”” hide_on_mobile=”small-visibility,medium-visibility,large-visibility” class=”” id=”” chart_bg_color=”” padding_top=”” padding_right=”” padding_bottom=”” padding_left=”” chart_axis_text_color=”” chart_gridline_color=”” x_axis_labels=”Nuclear|Natural Gas|Water|Wind|Solar” legend_text_colors=”#ffffff|#ffffff|#ffffff|#ffffff|#ffffff” bg_colors=”#00bcd4|#8bc34a|#ff9800|#e84078|#9b44c4″ border_colors=”#00bcd4|#8bc34a|#ff9800|#e84078|#9943c1″ chart_border_size=””][fusion_chart_dataset title=”Data Set 1″ legend_text_color=”#ffffff” background_color=”#00bcd4″ border_color=”#00bcd4″ values=”58|10|23|5|4″][/fusion_chart_dataset][/fusion_chart][/fusion_builder_column][/fusion_builder_row][/fusion_builder_container][fusion_builder_container hundred_percent=”no” hundred_percent_height=”no” hundred_percent_height_scroll=”no” hundred_percent_height_center_content=”yes” equal_height_columns=”no” menu_anchor=”” hide_on_mobile=”small-visibility,medium-visibility,large-visibility” class=”” id=”” background_color=”” background_image=”” background_position=”center center” background_repeat=”no-repeat” fade=”no” background_parallax=”none” enable_mobile=”no” parallax_speed=”0.3″ video_mp4=”” video_webm=”” video_ogv=”” video_url=”” video_aspect_ratio=”16:9″ video_loop=”yes” video_mute=”yes” video_preview_image=”” border_size=”” border_color=”” border_style=”solid” margin_top=”10%” margin_bottom=”10%” padding_top=”” padding_right=”” padding_bottom=”” padding_left=”” admin_label=”Line chart”][fusion_builder_row][fusion_builder_column type=”1_2″ layout=”1_2″ spacing=”” center_content=”no” link=”” target=”_self” min_height=”” hide_on_mobile=”small-visibility,medium-visibility,large-visibility” class=”” id=”” background_color=”” background_image=”” background_position=”left top” undefined=”” background_repeat=”no-repeat” hover_type=”none” border_size=”0″ border_color=”” border_style=”solid” border_position=”all” padding_top=”” padding_right=”10%” padding_bottom=”” padding_left=”” margin_top=”” margin_bottom=”” animation_type=”” animation_direction=”left” animation_speed=”0.3″ animation_offset=”” last=”no”][fusion_text columns=”” column_min_width=”” column_spacing=”” rule_style=”default” rule_size=”” rule_color=”” class=”” id=””]

Line Chart

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

[/fusion_text][/fusion_builder_column][fusion_builder_column type=”1_2″ layout=”1_2″ spacing=”” center_content=”no” link=”” target=”_self” min_height=”” hide_on_mobile=”small-visibility,medium-visibility,large-visibility” class=”” id=”” background_color=”” background_image=”” background_position=”left top” background_repeat=”no-repeat” hover_type=”none” border_size=”0″ border_color=”” border_style=”solid” border_position=”all” padding_top=”” padding_right=”” padding_bottom=”” padding_left=”” dimension_margin=”” animation_type=”” animation_direction=”left” animation_speed=”0.3″ animation_offset=”” last=”no”][fusion_chart title=”Energy Costs by Category of Supply” chart_type=”line” chart_legend_position=”” x_axis_label=”Years” y_axis_label=”Energy Cost” show_tooltips=”” chart_border_type=”smooth” chart_fill=”off” chart_point_style=”circle” chart_point_size=”3″ chart_point_bg_color=”” chart_point_border_color=”” hide_on_mobile=”small-visibility,medium-visibility,large-visibility” class=”” id=”” chart_bg_color=”” padding_top=”” padding_right=”” padding_bottom=”” padding_left=”” chart_axis_text_color=”” chart_gridline_color=”” x_axis_labels=”2014|2015|2016|2017|2018|2019″ legend_text_colors=”#ffffff|#ffffff|#ffffff|#ffffff|#ffffff|#ffffff” bg_colors=”#00bcd4|#8bc34a|#ff9800|#e84078|#9b44c4|” border_colors=”#00bcd4|#8bc34a|#ff9800|#e84078|#9943c1|” chart_border_size=””][fusion_chart_dataset title=”Nuclear” legend_text_color=”#ffffff” background_color=”#00bcd4″ border_color=”#00bcd4″ values=”10000|12000|9000|13000|15000|18000″][/fusion_chart_dataset][fusion_chart_dataset title=”Natural Gas” legend_text_color=”#ffffff” background_color=”#8bc34a” border_color=”#8bc34a” values=”20000|22000|12000|24000|25000|27000″][/fusion_chart_dataset][fusion_chart_dataset title=”Hydro” legend_text_color=”#ffffff” background_color=”#f46d64″ border_color=”#f46b61″ values=”5000|6000|4500|6500|7000|7500″][/fusion_chart_dataset][fusion_chart_dataset title=”Wind” legend_text_color=”#ffffff” background_color=”#6974f4″ border_color=”#6974f4″ values=”20000|22000|18000|19000|23000|22000″][/fusion_chart_dataset][fusion_chart_dataset title=”Solar” legend_text_color=”#ffffff” background_color=”#ffc107″ border_color=”#ffc107″ values=”23000|22000|20000|17000|15000|9000″][/fusion_chart_dataset][/fusion_chart][/fusion_builder_column][/fusion_builder_row][/fusion_builder_container][fusion_builder_container hundred_percent=”no” hundred_percent_height=”no” hundred_percent_height_scroll=”no” hundred_percent_height_center_content=”yes” equal_height_columns=”no” menu_anchor=”” hide_on_mobile=”small-visibility,medium-visibility,large-visibility” class=”” id=”” background_color=”” background_image=”” background_position=”center center” background_repeat=”no-repeat” fade=”no” background_parallax=”none” enable_mobile=”no” parallax_speed=”0.3″ video_mp4=”” video_webm=”” video_ogv=”” video_url=”” video_aspect_ratio=”16:9″ video_loop=”yes” video_mute=”yes” video_preview_image=”” border_size=”” border_color=”” border_style=”solid” margin_top=”10%” margin_bottom=”10%” padding_top=”” padding_right=”” padding_bottom=”” padding_left=”” admin_label=”Radar chart”][fusion_builder_row][fusion_builder_column type=”1_2″ layout=”1_2″ spacing=”” center_content=”no” link=”” target=”_self” min_height=”” hide_on_mobile=”small-visibility,medium-visibility,large-visibility” class=”” id=”” background_color=”” background_image=”” background_position=”left top” undefined=”” background_repeat=”no-repeat” hover_type=”none” border_size=”0″ border_color=”” border_style=”solid” border_position=”all” padding_top=”” padding_right=”10%” padding_bottom=”” padding_left=”” margin_top=”” margin_bottom=”” animation_type=”” animation_direction=”left” animation_speed=”0.3″ animation_offset=”” last=”no”][fusion_text columns=”” column_min_width=”” column_spacing=”” rule_style=”default” rule_size=”” rule_color=”” class=”” id=””]

Radar Chart

Another obscure but sometimes required chart type we offer is the Radar chart type. Perfect for displaying a vast visual differentiation between data, with all of the usual customization options.

[/fusion_text][/fusion_builder_column][fusion_builder_column type=”1_2″ layout=”1_2″ spacing=”” center_content=”no” link=”” target=”_self” min_height=”” hide_on_mobile=”small-visibility,medium-visibility,large-visibility” class=”” id=”” background_color=”” background_image=”” background_position=”left top” background_repeat=”no-repeat” hover_type=”none” border_size=”0″ border_color=”” border_style=”solid” border_position=”all” padding_top=”” padding_right=”” padding_bottom=”” padding_left=”” dimension_margin=”” animation_type=”” animation_direction=”left” animation_speed=”0.3″ animation_offset=”” last=”no”][fusion_chart title=”Test Score Analysis” chart_type=”radar” chart_legend_position=”” x_axis_label=”Years” y_axis_label=”Energy Cost” show_tooltips=”” chart_border_type=”smooth” chart_fill=”off” chart_point_style=”circle” chart_point_size=”3″ chart_point_bg_color=”” chart_point_border_color=”” hide_on_mobile=”small-visibility,medium-visibility,large-visibility” class=”” id=”” chart_bg_color=”” padding_top=”” padding_right=”” padding_bottom=”” padding_left=”” chart_axis_text_color=”” chart_gridline_color=”” x_axis_labels=”Math|Science|French|English|History|Physics” legend_text_colors=”#ffffff|#ffffff|#ffffff|#ffffff|#ffffff|#ffffff” bg_colors=”#00bcd4|#8bc34a|#ff9800|#e84078|#9b44c4|” border_colors=”#00bcd4|#8bc34a|#ff9800|#e84078|#9943c1|” chart_border_size=””][fusion_chart_dataset title=”Jeff” legend_text_color=”#000000″ background_color=”rgba(0,188,212,0.28)” border_color=”#00bcd4″ values=”82|75|90|65|98|60″][/fusion_chart_dataset][fusion_chart_dataset title=”Mike” legend_text_color=”#000000″ background_color=”rgba(139,195,74,0.28)” border_color=”#8bc34a” values=”95|90|80|80|90|84″][/fusion_chart_dataset][fusion_chart_dataset title=”Lucy” legend_text_color=”#000000″ background_color=”rgba(244,109,100,0.33)” border_color=”#f46b61″ values=”75|78|98|96|56|89″][/fusion_chart_dataset][fusion_chart_dataset title=”Kate” legend_text_color=”#000000″ background_color=”rgba(105,116,244,0.32)” border_color=”#6974f4″ values=”63|66|78|68|95|96″][/fusion_chart_dataset][fusion_chart_dataset title=”Tom” legend_text_color=”#000000″ background_color=”rgba(255,193,7,0.3)” border_color=”#ffc107″ values=”98|96|56|91|65|59″][/fusion_chart_dataset][/fusion_chart][/fusion_builder_column][/fusion_builder_row][/fusion_builder_container]

Share this resource:
Share on facebook
Share on twitter
Share on linkedin

Become a nonprofit online marketing guru.

Looking for ways to do more stuff online with less workforce? Subscribe to our weekly tips on strategy, social media, fundraising and more.

We’re committed to your privacy. Zen Ideas uses the information you provide to us to contact you about our relevant content, products, and services. You may unsubscribe from these communications at any time. For more information, check out our Privacy Policy.

About author

Osamu Wakabayashi

Web Design Consultant for Nonprofits
He is all about helping nonprofit organizations leverage the power of the internet and do more things online so that they can grow their business. He led Ottawa UI/UX Meetup group with over 2,000 members to promote web designer communities in Canada. He is currently the organizer for Web for nonprofits Meetup group with over 200 nonprofit professionals and leaders in Ottawa.