Pie Chart

[vc_row layout=”normal” margintop=”0″ marginbottom=”0″ paddingtop=”30″ paddingbottom=”30″ border_width=”0″ border_color=”#e8e8e8″ bg_attachment=”scroll” bg_repeat=”repeat” bg_stretch=”false” bg_parallax=”false” video_bg=”false” video_quality=”default” vid_opacity=”70″ video_overlay_opac=”70″][vc_column width=”1/1″]

Animated Pie Chart

You can easily add a Pie Chart element to any page you create. Click on Add element and select the Pie Chart Element from the Pop-up window. You will be able to customize your pie chart using the settings provided. Each Pie Chart element can be different. See below.
[/vc_column][/vc_row][vc_row layout=”normal” margintop=”0″ marginbottom=”0″ paddingtop=”30″ paddingbottom=”30″ border_width=”0″ border_color=”#e8e8e8″ bg_attachment=”scroll” bg_repeat=”repeat” bg_stretch=”false” bg_parallax=”false” video_bg=”false” video_quality=”default” vid_opacity=”70″ video_overlay_opac=”70″][vc_column width=”1/2″]

Pie Chart - Default

[vc_row_inner][vc_column_inner width=”1/2″][vc_pie value=”62″ color=”#f96e5b” track_color=”#dddddd” bar_width=”8″ style=”percent” symbol_position=”before” content_color=”#777777″ content_size=”29″ desc_color=”#777777″ desc_size=”12″ description=”This is a default Pie Chart element that will count from 0 to 62 units.”][/vc_column_inner][vc_column_inner width=”1/2″][vc_pie value=”70″ color=”#36789b” track_color=”#dddddd” bar_width=”8″ style=”percent” symbol_position=”before” content_color=”#777777″ content_size=”29″ desc_color=”#777777″ desc_size=”12″ description=”This is a default Pie Chart element that will count from 0 to 70 units.”][/vc_column_inner][/vc_row_inner][/vc_column][vc_column width=”1/2″]

Pie Chart - Custom Text

[vc_row_inner][vc_column_inner width=”1/2″][vc_pie value=”34″ color=”#3ca37b” track_color=”#dddddd” bar_width=”8″ style=”custom_text” symbol_position=”before” content_color=”#777777″ content_size=”29″ desc_color=”#777777″ desc_size=”12″ description=”This is a default Pie Chart element that a Custom Text inside the element.” custom_text_field=”Nimva”][/vc_column_inner][vc_column_inner width=”1/2″][vc_pie value=”83″ color=”#e88f29″ track_color=”#dddddd” bar_width=”8″ style=”custom_text” symbol_position=”before” content_color=”#3ba332″ content_size=”29″ desc_color=”#777777″ desc_size=”12″ description=”This is a Pie Chart element that has a Custom Text inside the element” custom_text_field=”Sells”][/vc_column_inner][/vc_row_inner][/vc_column][/vc_row][vc_row layout=”normal” margintop=”0″ marginbottom=”0″ paddingtop=”30″ paddingbottom=”30″ border_width=”0″ border_color=”#e8e8e8″ bg_attachment=”scroll” bg_repeat=”repeat” bg_stretch=”false” bg_parallax=”false” video_bg=”false” video_quality=”default” vid_opacity=”70″ video_overlay_opac=”70″][vc_column width=”1/2″]

Pie Chart - Custom Value and Symbol

[vc_row_inner][vc_column_inner width=”1/2″][vc_pie value=”70″ color=”#46a362″ track_color=”#dddddd” bar_width=”8″ style=”custom_counter” custom_value=”19000″ symbol=”$” symbol_position=”before” content_size=”29″ description=”This Pie Chart uses a Custom Value and a Symbol placed before the actual value. ” desc_color=”#777777″ desc_size=”12″ content_color=”#777777″][/vc_column_inner][vc_column_inner width=”1/2″][vc_pie value=”50″ color=”#dd9933″ track_color=”#dddddd” bar_width=”8″ style=”custom_counter” custom_value=”11248″ symbol=”$” symbol_position=”after” content_size=”29″ description=”This Pie Chart uses a Custom Value and a Symbol placed after the actual value. ” desc_color=”#777777″ desc_size=”12″ content_color=”#777777″][/vc_column_inner][/vc_row_inner][/vc_column][vc_column width=”1/2″]

Pie Chart - Icon Layout

[vc_row_inner][vc_column_inner width=”1/2″][vc_pie value=”73″ color=”#8224e3″ track_color=”#dddddd” bar_width=”8″ style=”icon” custom_value=”11248″ symbol=”$” symbol_position=”after” content_size=”50″ description=”This Pie Chart uses an Icon placed inside the actual element. ” desc_color=”#777777″ desc_size=”12″ content_color=”#777777″ icon=”fa-user”][/vc_column_inner][vc_column_inner width=”1/2″][vc_pie value=”90″ color=”#1e73be” track_color=”#dddddd” bar_width=”8″ style=”icon” custom_value=”11248″ symbol=”$” symbol_position=”after” content_size=”50″ description=”This Pie Chart uses an Icon placed inside the actual element. ” desc_color=”#777777″ desc_size=”12″ content_color=”#dd3333″ icon=”fa-wrench”][/vc_column_inner][/vc_row_inner][/vc_column][/vc_row]
Copyright 2006-2018 Joseph Zimmerman | All Rights Reserved