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″][tagline_box cta_style=”center” call_text=”Animated Pie Chart” call_text_size=”25″ desc_text_size=”13″ force_transparency=”false” cta_shadow=”true” title=”Text on the button” style=”minimal” color=”red” target=”_self” size=”small” inner_border_color=”#ffffff” border_color=”#efefef”]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.[/tagline_box][/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″][ctitle title=”Pie Chart – Default” icon=”fa-info-circle”][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″][ctitle title=”Pie Chart – Custom Text” icon=”fa-info-circle”][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″][ctitle title=”Pie Chart – Custom Value and Symbol” icon=”fa-question-circle”][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″][ctitle title=”Pie Chart – Icon Layout” icon=”fa-question-circle”][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]