Line chart, round chart
[vc_row type=»vc_default»][vc_column][vc_column_text css=».vc_custom_1482754772036{padding-bottom: 30px !important;}»]
Line chart (line)
[/vc_column_text][/vc_column][vc_column width=»1/2″ css=».vc_custom_1482754831351{padding-bottom: 50px !important;}»][vc_line_chart type=»line» style=»custom» x_values=»JAN; FEB; MAR; APR; MAY; JUN» values=»%5B%7B%22title%22%3A%22Item%201%22%2C%22y_values%22%3A%22130%3B%20134%3B%20139%3B%20142%3B%20144%3B%20145%22%2C%22color%22%3A%22blue%22%2C%22custom_color%22%3A%22%23ff9804%22%7D%2C%7B%22title%22%3A%22Item%202%22%2C%22y_values%22%3A%22130%3B%20140%3B%20149%3B%20155%3B%20158%3B%20160%22%2C%22color%22%3A%22blue%22%2C%22custom_color%22%3A%22%23fbe523%22%7D%2C%7B%22title%22%3A%22Item%203%22%2C%22y_values%22%3A%22130%3B%20126%3B%20128%3B%20134%3B%20136%3B%20133%22%2C%22color%22%3A%22blue%22%2C%22custom_color%22%3A%22%23f44336%22%7D%5D»][/vc_column][vc_column width=»1/2″ css=».vc_custom_1482754838298{padding-bottom: 50px !important;}»][vc_line_chart type=»line» style=»custom» values=»%5B%7B%22title%22%3A%22Item%201%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%2C%22custom_color%22%3A%22%23cddc38%22%7D%2C%7B%22title%22%3A%22Item%202%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%22pink%22%2C%22custom_color%22%3A%22%232196f3%22%7D%5D»][/vc_column][/vc_row][vc_row type=»vc_default» margin_top=»70″ margin_bottom=»-20″][vc_column][vc_column_text css=».vc_custom_1482754814037{padding-bottom: 30px !important;}»]
Line chart (bar)
[/vc_column_text][/vc_column][vc_column width=»1/2″ css=».vc_custom_1482754845538{padding-bottom: 50px !important;}»][vc_line_chart style=»custom» x_values=»JAN; FEB; MAR; APR; MAY; JUN» values=»%5B%7B%22title%22%3A%22Item%201%22%2C%22y_values%22%3A%2228%3B%2034%3B%2046%3B%2050%3B%2052%3B%2054%22%2C%22color%22%3A%22blue%22%2C%22custom_color%22%3A%22%23e91e63%22%7D%2C%7B%22title%22%3A%22Item%202%22%2C%22y_values%22%3A%2220%3B%2025%3B%2032%3B%2035%3B%2032%3B%2026%22%2C%22color%22%3A%22blue%22%2C%22custom_color%22%3A%22%23cddc38%22%7D%5D» animation=»easeOutSine»][/vc_column][vc_column width=»1/2″ css=».vc_custom_1482754850638{padding-bottom: 50px !important;}»][vc_line_chart style=»custom» x_values=»Period 1; Period 2; Period 3″ values=»%5B%7B%22title%22%3A%22Item%201%22%2C%22y_values%22%3A%2234%3B%2025%3B%2020%22%2C%22color%22%3A%22blue%22%2C%22custom_color%22%3A%22%239c27b0%22%7D%2C%7B%22title%22%3A%22Item%202%22%2C%22y_values%22%3A%22%2025%3B%2018%3B%2016%22%2C%22color%22%3A%22pink%22%2C%22custom_color%22%3A%22%2304a9f4%22%7D%2C%7B%22title%22%3A%22Item%203%22%2C%22y_values%22%3A%22%2029%3B%2022%3B%2018%22%2C%22color%22%3A%22pink%22%2C%22custom_color%22%3A%22%233f51b5%22%7D%5D»][/vc_column][/vc_row][vc_row type=»vc_default» margin_bottom=»70″][vc_column][vc_column_text css=».vc_custom_1482755346029{padding-bottom: 30px !important;}»]
Pie chart (doughnut)
[/vc_column_text][/vc_column][vc_column width=»2/3″ offset=»vc_col-lg-offset-0 vc_col-lg-6 vc_col-md-offset-2 vc_col-md-8 vc_col-sm-offset-2 vc_col-xs-offset-2 vc_col-xs-8″ css=».vc_custom_1482755112450{padding-bottom: 50px !important;}»][vc_round_chart type=»doughnut» style=»custom» stroke_width=»0″ tooltips=»» values=»%5B%7B%22title%22%3A%22Communication%22%2C%22value%22%3A%2230%25%22%2C%22color%22%3A%22blue%22%2C%22custom_color%22%3A%22%23573ab7%22%7D%2C%7B%22title%22%3A%22Design%22%2C%22value%22%3A%2220%25%22%2C%22color%22%3A%22pink%22%2C%22custom_color%22%3A%22%234149c7%22%7D%2C%7B%22title%22%3A%22Coding%22%2C%22value%22%3A%2220%25%22%2C%22color%22%3A%22green%22%2C%22custom_color%22%3A%22%23178be7%22%7D%2C%7B%22title%22%3A%22Programming%22%2C%22value%22%3A%2220%25%22%2C%22color%22%3A%22orange%22%2C%22custom_color%22%3A%22%231ac8ee%22%7D%2C%7B%22title%22%3A%22Testing%22%2C%22value%22%3A%2210%25%22%2C%22color%22%3A%22orange%22%2C%22custom_color%22%3A%22%2345e4f2%22%7D%5D» animation=»easeOutSine»][/vc_column][vc_column width=»2/3″ offset=»vc_col-lg-offset-0 vc_col-lg-6 vc_col-md-offset-2 vc_col-md-8 vc_col-sm-offset-2 vc_col-xs-offset-2 vc_col-xs-8″ css=».vc_custom_1482755125757{padding-bottom: 50px !important;}»][vc_round_chart type=»doughnut» style=»custom» stroke_width=»2″ values=»%5B%7B%22title%22%3A%22Marketing%22%2C%22value%22%3A%2230%25%22%2C%22color%22%3A%22purple%22%2C%22custom_color%22%3A%22%23e91e63%22%7D%2C%7B%22title%22%3A%22Design%22%2C%22value%22%3A%2210%25%22%2C%22color%22%3A%22violet%22%2C%22custom_color%22%3A%22%23ff9800%22%7D%2C%7B%22title%22%3A%22Coding%22%2C%22value%22%3A%2210%25%22%2C%22color%22%3A%22mulled-wine%22%2C%22custom_color%22%3A%22%23ffc104%22%7D%2C%7B%22title%22%3A%22Editing%22%2C%22value%22%3A%2215%25%22%2C%22color%22%3A%22mulled-wine%22%2C%22custom_color%22%3A%22%23cddc38%22%7D%2C%7B%22title%22%3A%22Programming%22%2C%22value%22%3A%225%25%22%2C%22color%22%3A%22turquoise%22%2C%22custom_color%22%3A%22%2304a9f4%22%7D%2C%7B%22title%22%3A%22Testing%22%2C%22value%22%3A%2215%25%22%2C%22color%22%3A%22turquoise%22%2C%22custom_color%22%3A%22%23673ab7%22%7D%2C%7B%22title%22%3A%22Support%22%2C%22value%22%3A%2215%25%22%2C%22color%22%3A%22turquoise%22%2C%22custom_color%22%3A%22%239c27b0%22%7D%5D» animation=»easeOutSine»][/vc_column][vc_column width=»1/3″ offset=»vc_col-lg-offset-0 vc_col-lg-4 vc_col-md-offset-0 vc_col-md-4 vc_col-sm-offset-0 vc_col-xs-offset-2 vc_col-xs-8″ css=».vc_custom_1482755132758{padding-bottom: 50px !important;}»][vc_round_chart type=»doughnut» style=»custom» stroke_width=»2″ legend=»» values=»%5B%7B%22title%22%3A%22Communication%22%2C%22value%22%3A%2210%25%22%2C%22color%22%3A%22purple%22%2C%22custom_color%22%3A%22%23ff9800%22%7D%2C%7B%22title%22%3A%22Design%22%2C%22value%22%3A%2220%25%22%2C%22color%22%3A%22violet%22%2C%22custom_color%22%3A%22%234daf50%22%7D%2C%7B%22title%22%3A%22Coding%22%2C%22value%22%3A%2220%25%22%2C%22color%22%3A%22mulled-wine%22%2C%22custom_color%22%3A%22%238bc34a%22%7D%2C%7B%22title%22%3A%22Editing%22%2C%22value%22%3A%2210%25%22%2C%22color%22%3A%22mulled-wine%22%2C%22custom_color%22%3A%22%23cddc38%22%7D%2C%7B%22title%22%3A%22Programming%22%2C%22value%22%3A%2210%25%22%2C%22color%22%3A%22turquoise%22%2C%22custom_color%22%3A%22%23ffeb3a%22%7D%2C%7B%22title%22%3A%22Testing%22%2C%22value%22%3A%2230%25%22%2C%22color%22%3A%22turquoise%22%2C%22custom_color%22%3A%22%23ffc104%22%7D%5D» animation=»easeOutSine»][/vc_column][vc_column width=»1/3″ offset=»vc_col-lg-offset-0 vc_col-lg-4 vc_col-md-offset-0 vc_col-md-4 vc_col-sm-offset-0 vc_col-xs-offset-2 vc_col-xs-8″ css=».vc_custom_1482755139554{padding-bottom: 50px !important;}»][vc_round_chart type=»doughnut» style=»custom» stroke_width=»5″ legend=»» values=»%5B%7B%22title%22%3A%22Communication%22%2C%22value%22%3A%2230%25%22%2C%22color%22%3A%22blue%22%2C%22custom_color%22%3A%22%23e91e63%22%7D%2C%7B%22title%22%3A%22Design%22%2C%22value%22%3A%2220%25%22%2C%22color%22%3A%22pink%22%2C%22custom_color%22%3A%22%23f44336%22%7D%2C%7B%22title%22%3A%22Coding%22%2C%22value%22%3A%2220%25%22%2C%22color%22%3A%22green%22%2C%22custom_color%22%3A%22%23ff5722%22%7D%2C%7B%22title%22%3A%22Programming%22%2C%22value%22%3A%2220%25%22%2C%22color%22%3A%22orange%22%2C%22custom_color%22%3A%22%23ff9800%22%7D%2C%7B%22title%22%3A%22Testing%22%2C%22value%22%3A%2210%25%22%2C%22color%22%3A%22orange%22%2C%22custom_color%22%3A%22%23ffc101%22%7D%5D» animation=»easeOutSine»][/vc_column][vc_column width=»1/3″ offset=»vc_col-lg-offset-0 vc_col-lg-4 vc_col-md-offset-0 vc_col-md-4 vc_col-sm-offset-0 vc_col-xs-offset-2 vc_col-xs-8″ css=».vc_custom_1482755146168{padding-bottom: 50px !important;}»][vc_round_chart type=»doughnut» style=»custom» stroke_width=»0″ legend=»» values=»%5B%7B%22title%22%3A%22Communication%22%2C%22value%22%3A%2215%25%22%2C%22color%22%3A%22blue%22%2C%22custom_color%22%3A%22%23ff5722%22%7D%2C%7B%22title%22%3A%22Programming%22%2C%22value%22%3A%2225%25%22%2C%22color%22%3A%22orange%22%2C%22custom_color%22%3A%22%23607d8b%22%7D%2C%7B%22title%22%3A%22Testing%22%2C%22value%22%3A%2260%25%22%2C%22color%22%3A%22orange%22%2C%22custom_color%22%3A%22%23374046%22%7D%5D» animation=»easeOutSine»][/vc_column][/vc_row][vc_row type=»vc_default» margin_bottom=»10″ css=».vc_custom_1482755380872{margin-bottom: -50px !important;}»][vc_column][vc_column_text css=».vc_custom_1482755330280{padding-bottom: 30px !important;}»]
Pie chart (pie)
[/vc_column_text][/vc_column][vc_column width=»2/3″ offset=»vc_col-lg-offset-0 vc_col-lg-6 vc_col-md-offset-2 vc_col-md-8 vc_col-sm-offset-2 vc_col-xs-offset-2 vc_col-xs-8″ css=».vc_custom_1482755153110{padding-bottom: 50px !important;}»][vc_round_chart style=»custom» stroke_width=»0″ tooltips=»» values=»%5B%7B%22title%22%3A%22Communication%22%2C%22value%22%3A%2230%25%22%2C%22color%22%3A%22blue%22%2C%22custom_color%22%3A%22%23573ab7%22%7D%2C%7B%22title%22%3A%22Design%22%2C%22value%22%3A%2220%25%22%2C%22color%22%3A%22pink%22%2C%22custom_color%22%3A%22%234149c7%22%7D%2C%7B%22title%22%3A%22Coding%22%2C%22value%22%3A%2220%25%22%2C%22color%22%3A%22green%22%2C%22custom_color%22%3A%22%23178be7%22%7D%2C%7B%22title%22%3A%22Programming%22%2C%22value%22%3A%2220%25%22%2C%22color%22%3A%22orange%22%2C%22custom_color%22%3A%22%231ac8ee%22%7D%2C%7B%22title%22%3A%22Testing%22%2C%22value%22%3A%2210%25%22%2C%22color%22%3A%22orange%22%2C%22custom_color%22%3A%22%2345e4f2%22%7D%5D» animation=»easeOutSine»][/vc_column][vc_column width=»2/3″ offset=»vc_col-lg-offset-0 vc_col-lg-6 vc_col-md-offset-2 vc_col-md-8 vc_col-sm-offset-2 vc_col-xs-offset-2 vc_col-xs-8″ css=».vc_custom_1482755157922{padding-bottom: 50px !important;}»][vc_round_chart style=»custom» stroke_width=»2″ values=»%5B%7B%22title%22%3A%22Marketing%22%2C%22value%22%3A%2230%25%22%2C%22color%22%3A%22purple%22%2C%22custom_color%22%3A%22%23e91e63%22%7D%2C%7B%22title%22%3A%22Design%22%2C%22value%22%3A%2210%25%22%2C%22color%22%3A%22violet%22%2C%22custom_color%22%3A%22%23ff9800%22%7D%2C%7B%22title%22%3A%22Coding%22%2C%22value%22%3A%2210%25%22%2C%22color%22%3A%22mulled-wine%22%2C%22custom_color%22%3A%22%23ffc104%22%7D%2C%7B%22title%22%3A%22Editing%22%2C%22value%22%3A%2215%25%22%2C%22color%22%3A%22mulled-wine%22%2C%22custom_color%22%3A%22%23cddc38%22%7D%2C%7B%22title%22%3A%22Programming%22%2C%22value%22%3A%225%25%22%2C%22color%22%3A%22turquoise%22%2C%22custom_color%22%3A%22%2304a9f4%22%7D%2C%7B%22title%22%3A%22Testing%22%2C%22value%22%3A%2215%25%22%2C%22color%22%3A%22turquoise%22%2C%22custom_color%22%3A%22%23673ab7%22%7D%2C%7B%22title%22%3A%22Support%22%2C%22value%22%3A%2215%25%22%2C%22color%22%3A%22turquoise%22%2C%22custom_color%22%3A%22%239c27b0%22%7D%5D» animation=»easeOutSine»][/vc_column][vc_column width=»1/3″ offset=»vc_col-lg-offset-0 vc_col-lg-4 vc_col-md-offset-0 vc_col-md-4 vc_col-sm-offset-0 vc_col-xs-offset-2 vc_col-xs-8″ css=».vc_custom_1482755162825{padding-bottom: 50px !important;}»][vc_round_chart style=»custom» stroke_width=»2″ legend=»» values=»%5B%7B%22title%22%3A%22Communication%22%2C%22value%22%3A%2210%25%22%2C%22color%22%3A%22purple%22%2C%22custom_color%22%3A%22%23ff9800%22%7D%2C%7B%22title%22%3A%22Design%22%2C%22value%22%3A%2220%25%22%2C%22color%22%3A%22violet%22%2C%22custom_color%22%3A%22%234daf50%22%7D%2C%7B%22title%22%3A%22Coding%22%2C%22value%22%3A%2220%25%22%2C%22color%22%3A%22mulled-wine%22%2C%22custom_color%22%3A%22%238bc34a%22%7D%2C%7B%22title%22%3A%22Editing%22%2C%22value%22%3A%2210%25%22%2C%22color%22%3A%22mulled-wine%22%2C%22custom_color%22%3A%22%23cddc38%22%7D%2C%7B%22title%22%3A%22Programming%22%2C%22value%22%3A%2210%25%22%2C%22color%22%3A%22turquoise%22%2C%22custom_color%22%3A%22%23ffeb3a%22%7D%2C%7B%22title%22%3A%22Testing%22%2C%22value%22%3A%2230%25%22%2C%22color%22%3A%22turquoise%22%2C%22custom_color%22%3A%22%23ffc104%22%7D%5D» animation=»easeOutSine»][/vc_column][vc_column width=»1/3″ offset=»vc_col-lg-offset-0 vc_col-lg-4 vc_col-md-offset-0 vc_col-md-4 vc_col-sm-offset-0 vc_col-xs-offset-2 vc_col-xs-8″ css=».vc_custom_1482755168985{padding-bottom: 50px !important;}»][vc_round_chart style=»custom» stroke_width=»5″ legend=»» values=»%5B%7B%22title%22%3A%22Communication%22%2C%22value%22%3A%2230%25%22%2C%22color%22%3A%22blue%22%2C%22custom_color%22%3A%22%23e91e63%22%7D%2C%7B%22title%22%3A%22Design%22%2C%22value%22%3A%2220%25%22%2C%22color%22%3A%22pink%22%2C%22custom_color%22%3A%22%23f44336%22%7D%2C%7B%22title%22%3A%22Coding%22%2C%22value%22%3A%2220%25%22%2C%22color%22%3A%22green%22%2C%22custom_color%22%3A%22%23ff5722%22%7D%2C%7B%22title%22%3A%22Programming%22%2C%22value%22%3A%2220%25%22%2C%22color%22%3A%22orange%22%2C%22custom_color%22%3A%22%23ff9800%22%7D%2C%7B%22title%22%3A%22Testing%22%2C%22value%22%3A%2210%25%22%2C%22color%22%3A%22orange%22%2C%22custom_color%22%3A%22%23ffc101%22%7D%5D» animation=»easeOutSine»][/vc_column][vc_column width=»1/3″ offset=»vc_col-lg-offset-0 vc_col-lg-4 vc_col-md-offset-0 vc_col-md-4 vc_col-sm-offset-0 vc_col-xs-offset-2 vc_col-xs-8″ css=».vc_custom_1482755178529{padding-bottom: 50px !important;}»][vc_round_chart style=»custom» stroke_width=»0″ legend=»» values=»%5B%7B%22title%22%3A%22Communication%22%2C%22value%22%3A%2215%25%22%2C%22color%22%3A%22blue%22%2C%22custom_color%22%3A%22%23ff5722%22%7D%2C%7B%22title%22%3A%22Programming%22%2C%22value%22%3A%2225%25%22%2C%22color%22%3A%22orange%22%2C%22custom_color%22%3A%22%23607d8b%22%7D%2C%7B%22title%22%3A%22Testing%22%2C%22value%22%3A%2260%25%22%2C%22color%22%3A%22orange%22%2C%22custom_color%22%3A%22%23374046%22%7D%5D» animation=»easeOutSine»][/vc_column][/vc_row]