Pie Charts

[vc_row][vc_column][tm-heading h2=”ROUND PIE CHART” h4=”Fusce orci nisl, blandit ac urna et, scelerisque porttitor lorem. Proin vitae vestibulum enim.”][vc_row_inner][vc_column_inner width=”1/3″][vc_round_chart stroke_width=”2″ values=”%5B%7B%22title%22%3A%22INTERIOR%22%2C%22value%22%3A%2270%22%2C%22color%22%3A%22vista-blue%22%7D%2C%7B%22title%22%3A%22MAINTENANCE%22%2C%22value%22%3A%2230%22%2C%22color%22%3A%22pink%22%7D%5D” animation=”easeOutBounce”][/vc_column_inner][vc_column_inner width=”1/3″][vc_round_chart stroke_width=”2″ values=”%5B%7B%22title%22%3A%22BUILDINGS%22%2C%22value%22%3A%2220%22%2C%22color%22%3A%22violet%22%7D%2C%7B%22title%22%3A%22ARCHITECTURE%22%2C%22value%22%3A%2280%22%2C%22color%22%3A%22sandy-brown%22%7D%5D” animation=”easeOutBounce”][/vc_column_inner][vc_column_inner width=”1/3″][vc_round_chart stroke_width=”2″ values=”%5B%7B%22title%22%3A%22INTERIOR%22%2C%22value%22%3A%2255%22%2C%22color%22%3A%22turquoise%22%7D%2C%7B%22title%22%3A%22ARCHITECTURE%22%2C%22value%22%3A%2245%22%2C%22color%22%3A%22purple%22%7D%5D” animation=”easeOutBounce”][/vc_column_inner][/vc_row_inner][/vc_column][/vc_row][vc_row full_width=”stretch_row” bgtype=”grey”][vc_column][tm-heading h2=”ROUND DOUGHNUT CHART” h4=”Fusce orci nisl, blandit ac urna et, scelerisque porttitor lorem. Proin vitae vestibulum enim.”][vc_row_inner][vc_column_inner width=”1/3″][vc_round_chart type=”doughnut” stroke_width=”2″ values=”%5B%7B%22title%22%3A%22ELECTRICAL%22%2C%22value%22%3A%2280%22%2C%22color%22%3A%22green%22%7D%2C%7B%22title%22%3A%22INTERIOR%22%2C%22value%22%3A%2220%22%2C%22color%22%3A%22juicy-pink%22%7D%5D”][/vc_column_inner][vc_column_inner width=”1/3″][vc_round_chart type=”doughnut” stroke_width=”2″ values=”%5B%7B%22title%22%3A%22ARCHITECTURE%22%2C%22value%22%3A%2230%22%2C%22color%22%3A%22orange%22%7D%2C%7B%22title%22%3A%22INTERIOR%22%2C%22value%22%3A%2270%22%2C%22color%22%3A%22pink%22%7D%5D”][/vc_column_inner][vc_column_inner width=”1/3″][vc_round_chart type=”doughnut” stroke_width=”2″ values=”%5B%7B%22title%22%3A%22BUILDINGS%22%2C%22value%22%3A%2260%22%2C%22color%22%3A%22mulled-wine%22%7D%2C%7B%22title%22%3A%22MAINTENANCE%22%2C%22value%22%3A%2240%22%2C%22color%22%3A%22blue%22%7D%5D”][/vc_column_inner][/vc_row_inner][/vc_column][/vc_row][vc_row full_width=”stretch_row”][vc_column width=”1/2″][tm-heading h2=”BAR CHART” h4=”Fusce orci nisl, blandit ac urna et, scelerisque porttitor lorem. Proin vitae vestibulum enim.”][vc_line_chart legend=”” values=”%5B%7B%22title%22%3A%22MAINTENANCE%22%2C%22y_values%22%3A%2225%3B%2018%3B%2016%3B%2017%3B%2020%3B%2025%3B%2030%3B%2035%22%2C%22color%22%3A%22orange%22%7D%2C%7B%22title%22%3A%22ARCHITECTURE%22%2C%22y_values%22%3A%2230%3B%2020%3B%2016%3B%2015%3B%2020%3B%2025%3B%2010%3B%2035%22%2C%22color%22%3A%22sky%22%2C%22custom_color%22%3A%22%235aa1e3%22%7D%5D”][/vc_column][vc_column width=”1/2″][tm-heading h2=”LINE CHART” h4=”Fusce orci nisl, blandit ac urna et, scelerisque porttitor lorem. Proin vitae vestibulum enim.”][vc_line_chart type=”line” legend=”” values=”%5B%7B%22title%22%3A%22BUILDINGS%22%2C%22y_values%22%3A%2210%3B%2015%3B%2020%3B%2025%3B%2027%3B%2025%3B%2023%3B%2025%22%2C%22color%22%3A%22blue%22%7D%2C%7B%22title%22%3A%22MAINTENANCE%22%2C%22y_values%22%3A%2225%3B%2018%3B%2016%3B%2017%3B%2020%3B%2025%3B%2030%3B%2035%22%2C%22color%22%3A%22green%22%7D%2C%7B%22title%22%3A%22ARCHITECTURE%22%2C%22y_values%22%3A%2230%3B%2020%3B%2016%3B%2015%3B%2020%3B%2025%3B%2010%3B%2035%22%2C%22color%22%3A%22juicy-pink%22%2C%22custom_color%22%3A%22%235aa1e3%22%7D%5D”][/vc_column][/vc_row][vc_row full_width=”stretch_row” bgtype=”grey” bgcolor=”none” paddingtop=”0px” paddingbottom=”0px” contentalign=”default” rowwidth=”wide” bgimageposition=”fixed”][vc_column width=”1/3″][tm-heading h2=” ANIMATED PIE CHART” txt_align=”left” h4=”Fusce orci nisl, blandit ac urna et, scelerisque porttitor lorem. Proin vitae vestibulum enim”][vc_column_text css=”.vc_custom_1436260551464{margin-top: -35px !important;}”]Vestibulum quis tincidunt eros, in scelerisque urna. Fusce tincidunt tellus id arcu tempor pharetra. Curabitur volutpat dignissim risus vitae blandit. Donec sed aliquam est, at aliquet neque. Aliquam in dui dolor. Duis semper quis arcu quis tempus.[/vc_column_text][/vc_column][vc_column width=”2/3″][vc_row_inner][vc_column_inner width=”1/3″][vc_pie value=”85″ color=”btn-primary” title=”ELECTRICAL” units=”%”][/vc_column_inner][vc_column_inner width=”1/3″][vc_pie value=”95″ color=”btn-danger” units=”%” title=”ARCHITECTURE”][/vc_column_inner][vc_column_inner width=”1/3″][vc_pie value=”98″ color=”btn-success” units=”%” title=”INTERIOR”][/vc_column_inner][/vc_row_inner][/vc_column][/vc_row]

COMMENTS