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]

Back to top

Compare