[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]
