Pie Charts
[tm-heading h2=”ROUND PIE CHART” h4=”Fusce orci nisl, blandit ac urna et, scelerisque porttitor lorem. Proin vitae vestibulum enim.”]
[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_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_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”]
[tm-heading h2=”ROUND DOUGHNUT CHART” h4=”Fusce orci nisl, blandit ac urna et, scelerisque porttitor lorem. Proin vitae vestibulum enim.”]
[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_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_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”]
[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”]
[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”]
[tm-heading h2=” ANIMATED PIE CHART” txt_align=”left” h4=”Fusce orci nisl, blandit ac urna et, scelerisque porttitor lorem. Proin vitae vestibulum enim”]
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_pie value=”85″ color=”btn-primary” title=”ELECTRICAL” units=”%”]
[vc_pie value=”95″ color=”btn-danger” units=”%” title=”ARCHITECTURE”]
[vc_pie value=”98″ color=”btn-success” units=”%” title=”INTERIOR”]