Charts

[vc_row el_class=\»sm-pd-top-60 pd-bottom-100 sm-pd-bottom-80 sm-pd-bottom-60\»][vc_column width=\»1/2\» el_class=\»xs-pd-bottom-60 col-mb-12 col-mb-offset-0\» offset=\»vc_col-sm-offset-0 vc_col-xs-offset-1 vc_col-xs-10\»][vc_column_text css=\».vc_custom_1472097866262{margin-bottom: 30px !important;}\»]

LINE CHART

[/vc_column_text][vc_line_chart type=\»line\» style=\»custom\» legend=\»\» x_values=\»January; February; March; April; May; June; July\» values=\»%5B%7B%22title%22%3A%22One%22%2C%22y_values%22%3A%2265%3B59%3B90%3B81%3B56%3B55%3B40%22%2C%22color%22%3A%22blue%22%2C%22custom_color%22%3A%22%23eeeeee%22%7D%2C%7B%22title%22%3A%22Two%22%2C%22y_values%22%3A%2228%3B48%3B40%3B19%3B96%3B27%3B100%22%2C%22color%22%3A%22pink%22%2C%22custom_color%22%3A%22%23c2d4dd%22%7D%2C%7B%22title%22%3A%22Three%22%2C%22y_values%22%3A%2250%3B68%3B17%3B57%3B24%3B96%3B100%22%2C%22color%22%3A%22pink%22%2C%22custom_color%22%3A%22%23e4c9d2%22%7D%5D\» animation=\»easeOutElastic\»][/vc_column][vc_column width=\»1/2\» offset=\»vc_col-sm-offset-0 vc_col-xs-offset-1 vc_col-xs-10\» el_class=\» col-mb-12 col-mb-offset-0\»][vc_column_text css=\».vc_custom_1472097882254{margin-bottom: 30px !important;}\»]

BAR CHART

[/vc_column_text][vc_line_chart style=\»custom\» legend=\»\» x_values=\»January; February; March; April; May; June; July\» values=\»%5B%7B%22y_values%22%3A%2265%3B59%3B90%3B81%3B56%3B55%3B50%22%2C%22color%22%3A%22blue%22%2C%22custom_color%22%3A%22%23cbdde6%22%7D%5D\» animation=\»easeOutQuart\»][/vc_column][/vc_row][vc_row][vc_column width=\»1/3\» offset=\»vc_col-md-offset-2 vc_col-md-3 vc_col-sm-offset-1 vc_col-xs-offset-3 vc_col-xs-6\» el_class=\»xs-pd-bottom-60 col-mb-8 col-mb-offset-2\»][vc_column_text css=\».vc_custom_1472097896735{margin-bottom: 30px !important;}\»]

PIE CHART

[/vc_column_text][vc_round_chart style=\»custom\» stroke_width=\»2\» legend=\»\» values=\»%5B%7B%22value%22%3A%2245%22%2C%22color%22%3A%22blue%22%2C%22custom_color%22%3A%22%231e73be%22%7D%2C%7B%22value%22%3A%2230%22%2C%22color%22%3A%22pink%22%2C%22custom_color%22%3A%22%23f38630%22%7D%2C%7B%22value%22%3A%2250%22%2C%22color%22%3A%22mulled-wine%22%2C%22custom_color%22%3A%22%23e0e4cc%22%7D%2C%7B%22value%22%3A%22100%22%2C%22color%22%3A%22sky%22%2C%22custom_color%22%3A%22%2369d2e7%22%7D%5D\» animation=\»easeOutBounce\»][/vc_column][vc_column width=\»1/3\» offset=\»vc_col-md-offset-2 vc_col-md-3 vc_col-sm-offset-2 vc_col-xs-offset-3 vc_col-xs-6\» el_class=\» col-mb-8 col-mb-offset-2\»][vc_column_text css=\».vc_custom_1472097911616{margin-bottom: 30px !important;}\»]

DOUGHNUT CHART

[/vc_column_text][vc_round_chart type=\»doughnut\» style=\»custom\» stroke_width=\»2\» legend=\»\» values=\»%5B%7B%22value%22%3A%22120%22%2C%22color%22%3A%22blue%22%2C%22custom_color%22%3A%22%234d5360%22%7D%2C%7B%22value%22%3A%2230%22%2C%22color%22%3A%22pink%22%2C%22custom_color%22%3A%22%23f7464a%22%7D%2C%7B%22value%22%3A%2250%22%2C%22color%22%3A%22sky%22%2C%22custom_color%22%3A%22%2346bfbd%22%7D%2C%7B%22value%22%3A%22100%22%2C%22color%22%3A%22violet%22%2C%22custom_color%22%3A%22%23fdb45c%22%7D%2C%7B%22value%22%3A%2240%22%2C%22color%22%3A%22orange%22%2C%22custom_color%22%3A%22%23949fb1%22%7D%5D\» animation=\»easeOutQuart\»][/vc_column][/vc_row]

Compare