[vc_row css=”.vc_custom_1460451938861{margin-bottom: 50px !important;}”][vc_column width=”5/12″][vc_custom_heading text=”BAR CHARTS STYLE 1″ font_container=”tag:h3|font_size:18|text_align:left|color:%23222222″ use_theme_fonts=”yes” css=”.vc_custom_1446192580191{margin-bottom: 20px !important;}” tm_font_weight=”400″][vc_column_text]The style role lets you control several aspects of bar appearance with CSS-like declarations:
- color
- opacity
- fill-color
- fill-opacity
- stroke-color
[/vc_column_text][/vc_column][vc_column width=”7/12″][vc_progress_bar values=”%5B%7B%22label%22%3A%22Development%22%2C%22value%22%3A%2290%22%7D%2C%7B%22label%22%3A%22Photoshop%22%2C%22value%22%3A%2280%22%7D%2C%7B%22label%22%3A%22Photography%22%2C%22value%22%3A%2270%22%7D%2C%7B%22label%22%3A%22Illustration%22%2C%22value%22%3A%2295%22%7D%5D” bgcolor=”custom” custombgcolor=”#222222″ customtxtcolor=”#222222″ css=”.vc_custom_1446192588991{margin-top: 15px !important;}”][/vc_column][/vc_row][vc_row full_width=”stretch_row” css=”.vc_custom_1446192720229{margin-bottom: 0px !important;padding-top: 100px !important;padding-bottom: 100px !important;background-color: #222222 !important;}”][vc_column width=”5/12″][vc_custom_heading text=”BAR CHARTS STYLE 2″ font_container=”tag:h3|font_size:18|text_align:left|color:%23ffffff” use_theme_fonts=”yes” css=”.vc_custom_1446196080523{margin-bottom: 20px !important;}” tm_font_weight=”400″][vc_column_text]Charts have several kinds of labels: tick labels, legend labels, and labels in the tool tips. Sometimes you’ll want to display two series in a bar chart, with two independent x-axes: a top axis for one series, and a bottom axis for another. Note that not only are our two x-axes labeled differently but they each have their own independent scales and gridlines. If you want to customize this behavior, use the hAxis.gridlines options.[/vc_column_text][/vc_column][vc_column width=”7/12″][vc_progress_bar values=”%5B%7B%22label%22%3A%22Development%22%2C%22value%22%3A%2290%22%7D%2C%7B%22label%22%3A%22Photoshop%22%2C%22value%22%3A%2280%22%7D%2C%7B%22label%22%3A%22Photography%22%2C%22value%22%3A%2270%22%7D%2C%7B%22label%22%3A%22Illustration%22%2C%22value%22%3A%2295%22%7D%5D” bgcolor=”custom” custombgcolor=”#ffffff” customtxtcolor=”#ffffff” css=”.vc_custom_1446192665010{margin-top: 15px !important;}”][/vc_column][/vc_row][vc_row full_width=”stretch_row” css=”.vc_custom_1446192737240{margin-bottom: 0px !important;padding-top: 70px !important;padding-bottom: 70px !important;}”][vc_column width=”1/4″][vc_pie value=”80″ color=”custom” custom_color=”#222222″][vc_custom_heading text=”HTML/CSS” font_container=”tag:h4|font_size:14|text_align:center|color:%23222222″ use_theme_fonts=”yes” tm_font_weight=”400″][vc_column_text]
CSS stands for Cascading Style Sheets. The most common way to add styling, is to keep the styles in separate CSS files.
[/vc_column_text][/vc_column][vc_column width=”1/4″][vc_pie value=”90″ color=”custom” custom_color=”#222222″][vc_custom_heading text=”PHOTOSHOP” font_container=”tag:h4|font_size:14|text_align:center|color:%23222222″ use_theme_fonts=”yes” tm_font_weight=”400″][vc_column_text]
Photoshop is intended to be only used for logos, banners, etc. to be exported exactly to web pages. It’s vital.
[/vc_column_text][/vc_column][vc_column width=”1/4″][vc_pie value=”80″ color=”custom” custom_color=”#222222″][vc_custom_heading text=”PHOTOGRAPHY” font_container=”tag:h4|font_size:14|text_align:center|color:%23222222″ use_theme_fonts=”yes” tm_font_weight=”400″][vc_column_text]
Engaging photography can boost success rates, poor photography can severely hinder. Find your good photo source.
[/vc_column_text][/vc_column][vc_column width=”1/4″][vc_pie value=”90″ color=”custom” custom_color=”#222222″][vc_custom_heading text=”ILLUSTRATION” font_container=”tag:h4|font_size:14|text_align:center|color:%23222222″ use_theme_fonts=”yes” tm_font_weight=”400″][vc_column_text]
Illustration is an incredibly versatile tool that can find many different uses in design. It beautifies while it clarifies.
[/vc_column_text][/vc_column][/vc_row]