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]

Download document

Enter your email before downloading this document

Compare