Chart
[vc_row][vc_column][vc_column_text]
Round Charts
[/vc_column_text][us_separator][vc_row_inner gap=”35″][vc_column_inner width=”1/3″][vc_round_chart stroke_width=”2″][/vc_column_inner][vc_column_inner width=”1/3″][vc_round_chart type=”doughnut” stroke_width=”0″ values=”%5B%7B%22title%22%3A%22One%22%2C%22value%22%3A%2260%22%2C%22color%22%3A%22turquoise%22%7D%2C%7B%22title%22%3A%22Two%22%2C%22value%22%3A%2250%22%2C%22color%22%3A%22violet%22%7D%2C%7B%22title%22%3A%22Three%22%2C%22value%22%3A%2225%22%2C%22color%22%3A%22mulled-wine%22%7D%2C%7B%22title%22%3A%22Four%22%2C%22value%22%3A%2280%22%2C%22color%22%3A%22vista-blue%22%7D%2C%7B%22title%22%3A%22Five%22%2C%22value%22%3A%2210%22%2C%22color%22%3A%22orange%22%7D%5D” animation=”easeinQuad”][/vc_column_inner][vc_column_inner width=”1/3″][vc_round_chart stroke_width=”5″ values=”%5B%7B%22title%22%3A%22One%22%2C%22value%22%3A%22280%22%2C%22color%22%3A%22sky%22%7D%2C%7B%22title%22%3A%22Two%22%2C%22value%22%3A%22340%22%2C%22color%22%3A%22green%22%7D%2C%7B%22title%22%3A%22Three%22%2C%22value%22%3A%22420%22%2C%22color%22%3A%22sandy-brown%22%7D%5D” animation=”easeOutElastic”][/vc_column_inner][/vc_row_inner][us_separator size=”large”][vc_column_text]
Line Charts
[/vc_column_text][us_separator][vc_row_inner gap=”35″][vc_column_inner width=”1/3″][vc_line_chart type=”line” legend=”” x_values=”One; Two; Three; Four; Five; Six;” values=”%5B%7B%22title%22%3A%22One%22%2C%22y_values%22%3A%2210%3B%2015%3B%2027%3B%2025%3B%2030%3B%2035%3B%22%2C%22color%22%3A%22vista-blue%22%7D%5D” animation=”easeOutQuart”][/vc_column_inner][vc_column_inner width=”1/3″][vc_line_chart x_values=”JAN; FEB; MAR; APR; MAY; JUN;” values=”%5B%7B%22title%22%3A%22One%22%2C%22y_values%22%3A%2210%3B%2015%3B%2020%3B%2025%3B%2027%3B%2025%3B%22%2C%22color%22%3A%22blue%22%7D%2C%7B%22title%22%3A%22Two%22%2C%22y_values%22%3A%2225%3B%2018%3B%2016%3B%2017%3B%2020%3B%2025%3B%22%2C%22color%22%3A%22pink%22%7D%5D”][/vc_column_inner][vc_column_inner width=”1/3″][vc_line_chart legend=”” x_values=”One; Two; Three;” values=”%5B%7B%22title%22%3A%22One%22%2C%22y_values%22%3A%2210%3B%2015%3B%2040%3B%22%2C%22color%22%3A%22vista-blue%22%7D%2C%7B%22title%22%3A%22Two%22%2C%22y_values%22%3A%2225%3B%2030%3B%2055%3B%22%2C%22color%22%3A%22turquoise%22%7D%2C%7B%22title%22%3A%22Three%22%2C%22y_values%22%3A%2235%3B%2020%3B%2015%3B%22%2C%22color%22%3A%22orange%22%7D%5D” animation=”easeOutQuart”][/vc_column_inner][/vc_row_inner][/vc_column][/vc_row]