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]