Bars and charts

[vc_row][vc_column][vc_text_separator title=»Progress bars» title_align=»separator_align_right»][vc_empty_space height=»25px»][vc_progress_bar values=»%5B%7B%22label%22%3A%22Design%22%2C%22value%22%3A%22100%22%2C%22color%22%3A%22blue%22%7D%5D» options=»striped» css=».vc_custom_1442834884834{margin-bottom: 25px !important;}»][vc_progress_bar values=»%5B%7B%22label%22%3A%22Development%22%2C%22value%22%3A%2270%22%2C%22color%22%3A%22green%22%7D%5D» options=»striped,animated» css=».vc_custom_1442834895462{margin-bottom: 25px !important;}»][vc_progress_bar values=»%5B%7B%22label%22%3A%22Post%20Production%22%2C%22value%22%3A%2245%22%2C%22color%22%3A%22turquoise%22%7D%5D» options=»striped»][/vc_column][/vc_row][vc_row css=».vc_custom_1442834940297{margin-top: 64px !important;}»][vc_column][vc_text_separator title=»Pie Charts» title_align=»separator_align_right»][vc_empty_space height=»25px»][/vc_column][/vc_row][vc_row el_class=»row-margin-bottom»][vc_column width=»1/3″][vc_pie value=»75″ color=»chino» units=»%»][/vc_column][vc_column width=»1/3″][vc_pie value=»25″ color=»blue» units=»%»][/vc_column][vc_column width=»1/3″][vc_pie value=»100″ color=»mulled-wine» units=»%»][/vc_column][/vc_row][vc_row css=».vc_custom_1442835406670{margin-top: 32px !important;}»][vc_column][vc_text_separator title=»Line Charts» title_align=»separator_align_right»][vc_empty_space height=»25px»][/vc_column][/vc_row][vc_row el_class=»row-margin-bottom»][vc_column width=»1/2″][vc_line_chart style=»modern» legend=»» values=»%5B%7B%22title%22%3A%22Sales%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%7D%2C%7B%22title%22%3A%22Money%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%7D%5D»][/vc_column][vc_column width=»1/2″][vc_line_chart type=»line» style=»modern» legend=»» values=»%5B%7B%22title%22%3A%22Sales%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%7D%2C%7B%22title%22%3A%22Money%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%7D%5D»][/vc_column][/vc_row][vc_row css=».vc_custom_1442835406670{margin-top: 32px !important;}»][vc_column][vc_text_separator title=»Round Charts» title_align=»separator_align_right»][vc_empty_space height=»25px»][/vc_column][/vc_row][vc_row][vc_column width=»1/3″][vc_round_chart style=»modern» stroke_width=»5″ legend=»» values=»%5B%7B%22title%22%3A%22HTML%22%2C%22value%22%3A%2235%22%2C%22color%22%3A%22violet%22%7D%2C%7B%22title%22%3A%22CSS%22%2C%22value%22%3A%2245%22%2C%22color%22%3A%22pink%22%7D%2C%7B%22title%22%3A%22JavaScript%22%2C%22value%22%3A%2220%22%2C%22color%22%3A%22sandy-brown%22%2C%22custom_color%22%3A%22%23cec2ab%22%7D%5D»][/vc_column][vc_column width=»1/3″][vc_round_chart type=»doughnut» style=»modern» stroke_width=»5″ legend=»» values=»%5B%7B%22title%22%3A%22HTML%22%2C%22value%22%3A%2240%22%2C%22color%22%3A%22violet%22%7D%2C%7B%22title%22%3A%22CSS%22%2C%22value%22%3A%2225%22%2C%22color%22%3A%22pink%22%7D%2C%7B%22title%22%3A%22JavaScript%22%2C%22value%22%3A%2235%22%2C%22color%22%3A%22sandy-brown%22%2C%22custom_color%22%3A%22%23cec2ab%22%7D%5D»][/vc_column][vc_column width=»1/3″][vc_round_chart style=»modern» stroke_width=»5″ legend=»» values=»%5B%7B%22title%22%3A%22HTML%22%2C%22value%22%3A%2290%22%2C%22color%22%3A%22violet%22%7D%2C%7B%22title%22%3A%22CSS%22%2C%22value%22%3A%2210%22%2C%22color%22%3A%22pink%22%7D%5D»][/vc_column][/vc_row]

4 просмотр.
Понравилась статья? Поделиться с друзьями: