{"id":6113,"date":"2015-10-30T08:09:15","date_gmt":"2015-10-30T08:09:15","guid":{"rendered":"http:\/\/vnh.local\/heli\/?page_id=805"},"modified":"2015-10-30T08:09:15","modified_gmt":"2015-10-30T08:09:15","slug":"charts","status":"publish","type":"page","link":"https:\/\/hotel-7days.com\/en\/elements-2\/charts\/","title":{"rendered":"Charts"},"content":{"rendered":"[vc_row css=&#8221;.vc_custom_1460451938861{margin-bottom: 50px !important;}&#8221;][vc_column width=&#8221;5\/12&#8243;][vc_custom_heading text=&#8221;BAR CHARTS STYLE 1&#8243; font_container=&#8221;tag:h3|font_size:18|text_align:left|color:%23222222&#8243; use_theme_fonts=&#8221;yes&#8221; css=&#8221;.vc_custom_1446192580191{margin-bottom: 20px !important;}&#8221; tm_font_weight=&#8221;400&#8243;][vc_column_text]The style role lets you control several aspects of bar appearance with CSS-like declarations:<\/p>\n<ul>\n<li>color<\/li>\n<li>opacity<\/li>\n<li>fill-color<\/li>\n<li>fill-opacity<\/li>\n<li>stroke-color<\/li>\n<\/ul>\n[\/vc_column_text][\/vc_column][vc_column width=&#8221;7\/12&#8243;][vc_progress_bar values=&#8221;%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&#8221; bgcolor=&#8221;custom&#8221; custombgcolor=&#8221;#222222&#8243; customtxtcolor=&#8221;#222222&#8243; css=&#8221;.vc_custom_1446192588991{margin-top: 15px !important;}&#8221;][\/vc_column][\/vc_row][vc_row full_width=&#8221;stretch_row&#8221; css=&#8221;.vc_custom_1446192720229{margin-bottom: 0px !important;padding-top: 100px !important;padding-bottom: 100px !important;background-color: #222222 !important;}&#8221;][vc_column width=&#8221;5\/12&#8243;][vc_custom_heading text=&#8221;BAR CHARTS STYLE 2&#8243; font_container=&#8221;tag:h3|font_size:18|text_align:left|color:%23ffffff&#8221; use_theme_fonts=&#8221;yes&#8221; css=&#8221;.vc_custom_1446196080523{margin-bottom: 20px !important;}&#8221; tm_font_weight=&#8221;400&#8243;][vc_column_text]<span style=\"color: #ffffff;\">Charts have several kinds of labels: tick labels, legend labels, and labels in the tool tips. Sometimes you&#8217;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.<\/span>[\/vc_column_text][\/vc_column][vc_column width=&#8221;7\/12&#8243;][vc_progress_bar values=&#8221;%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&#8221; bgcolor=&#8221;custom&#8221; custombgcolor=&#8221;#ffffff&#8221; customtxtcolor=&#8221;#ffffff&#8221; css=&#8221;.vc_custom_1446192665010{margin-top: 15px !important;}&#8221;][\/vc_column][\/vc_row][vc_row full_width=&#8221;stretch_row&#8221; css=&#8221;.vc_custom_1446192737240{margin-bottom: 0px !important;padding-top: 70px !important;padding-bottom: 70px !important;}&#8221;][vc_column width=&#8221;1\/4&#8243;][vc_pie value=&#8221;80&#8243; color=&#8221;custom&#8221; custom_color=&#8221;#222222&#8243;][vc_custom_heading text=&#8221;HTML\/CSS&#8221; font_container=&#8221;tag:h4|font_size:14|text_align:center|color:%23222222&#8243; use_theme_fonts=&#8221;yes&#8221; tm_font_weight=&#8221;400&#8243;][vc_column_text]\n<p style=\"text-align: center;\">CSS stands for <strong>C<\/strong>ascading <strong>S<\/strong>tyle <strong>S<\/strong>heets.\u00a0The most common way to add styling, is to keep the styles in separate CSS files.<\/p>\n[\/vc_column_text][\/vc_column][vc_column width=&#8221;1\/4&#8243;][vc_pie value=&#8221;90&#8243; color=&#8221;custom&#8221; custom_color=&#8221;#222222&#8243;][vc_custom_heading text=&#8221;PHOTOSHOP&#8221; font_container=&#8221;tag:h4|font_size:14|text_align:center|color:%23222222&#8243; use_theme_fonts=&#8221;yes&#8221; tm_font_weight=&#8221;400&#8243;][vc_column_text]\n<p style=\"text-align: center;\">Photoshop is intended to be only used for logos, banners, etc. to be exported exactly to web pages. It&#8217;s vital.<\/p>\n[\/vc_column_text][\/vc_column][vc_column width=&#8221;1\/4&#8243;][vc_pie value=&#8221;80&#8243; color=&#8221;custom&#8221; custom_color=&#8221;#222222&#8243;][vc_custom_heading text=&#8221;PHOTOGRAPHY&#8221; font_container=&#8221;tag:h4|font_size:14|text_align:center|color:%23222222&#8243; use_theme_fonts=&#8221;yes&#8221; tm_font_weight=&#8221;400&#8243;][vc_column_text]\n<p style=\"text-align: center;\">Engaging photography can boost success rates, poor photography can severely hinder. Find your good photo source.<\/p>\n[\/vc_column_text][\/vc_column][vc_column width=&#8221;1\/4&#8243;][vc_pie value=&#8221;90&#8243; color=&#8221;custom&#8221; custom_color=&#8221;#222222&#8243;][vc_custom_heading text=&#8221;ILLUSTRATION&#8221; font_container=&#8221;tag:h4|font_size:14|text_align:center|color:%23222222&#8243; use_theme_fonts=&#8221;yes&#8221; tm_font_weight=&#8221;400&#8243;][vc_column_text]\n<p style=\"text-align: center;\">Illustration is an incredibly versatile tool that can find many different uses in design.\u00a0It beautifies while it clarifies.<\/p>\n[\/vc_column_text][\/vc_column][\/vc_row]\n","protected":false},"excerpt":{"rendered":"<p>[vc_row css=&#8221;.vc_custom_1460451938861{margin-bottom: 50px !important;}&#8221;][vc_column width=&#8221;5\/12&#8243;][vc_custom_heading text=&#8221;BAR CHARTS STYLE 1&#8243; font_container=&#8221;tag:h3|font_size:18|text_align:left|color:%23222222&#8243; use_theme_fonts=&#8221;yes&#8221; css=&#8221;.vc_custom_1446192580191{margin-bottom: 20px !important;}&#8221; tm_font_weight=&#8221;400&#8243;][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=&#8221;7\/12&#8243;][vc_progress_bar values=&#8221;%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&#8221; bgcolor=&#8221;custom&#8221; custombgcolor=&#8221;#222222&#8243; customtxtcolor=&#8221;#222222&#8243; css=&#8221;.vc_custom_1446192588991{margin-top: 15px !important;}&#8221;][\/vc_column][\/vc_row][vc_row full_width=&#8221;stretch_row&#8221; css=&#8221;.vc_custom_1446192720229{margin-bottom: 0px !important;padding-top: 100px !important;padding-bottom: 100px !important;background-color: #222222 !important;}&#8221;][vc_column width=&#8221;5\/12&#8243;][vc_custom_heading text=&#8221;BAR CHARTS [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":6102,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":[],"_links":{"self":[{"href":"https:\/\/hotel-7days.com\/en\/wp-json\/wp\/v2\/pages\/6113"}],"collection":[{"href":"https:\/\/hotel-7days.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/hotel-7days.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/hotel-7days.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/hotel-7days.com\/en\/wp-json\/wp\/v2\/comments?post=6113"}],"version-history":[{"count":0,"href":"https:\/\/hotel-7days.com\/en\/wp-json\/wp\/v2\/pages\/6113\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/hotel-7days.com\/en\/wp-json\/wp\/v2\/pages\/6102"}],"wp:attachment":[{"href":"https:\/\/hotel-7days.com\/en\/wp-json\/wp\/v2\/media?parent=6113"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}