{"id":12297,"date":"2020-04-23T16:29:58","date_gmt":"2020-04-23T14:29:58","guid":{"rendered":"http:\/\/support.ilevia.com\/?p=12297"},"modified":"2022-05-13T11:02:34","modified_gmt":"2022-05-13T09:02:34","slug":"bar-graph","status":"publish","type":"post","link":"https:\/\/support.ilevia.com\/en\/configuration-software-en\/bar-graph\/","title":{"rendered":"Bar graph"},"content":{"rendered":"[et_pb_section fb_built=&#8221;1&#8243; admin_label=&#8221;section&#8221; _builder_version=&#8221;4.16&#8243; custom_padding=&#8221;0px|||||&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_row admin_label=&#8221;row&#8221; _builder_version=&#8221;4.16&#8243; background_size=&#8221;initial&#8221; background_position=&#8221;top_left&#8221; background_repeat=&#8221;repeat&#8221; custom_padding=&#8221;0px|||||&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;4.16&#8243; custom_padding=&#8221;|||&#8221; global_colors_info=&#8221;{}&#8221; custom_padding__hover=&#8221;|||&#8221;][et_pb_text _builder_version=&#8221;4.16&#8243; background_size=&#8221;initial&#8221; background_position=&#8221;top_left&#8221; background_repeat=&#8221;repeat&#8221; use_border_color=&#8221;off&#8221; border_color=&#8221;#ffffff&#8221; border_style=&#8221;solid&#8221; global_colors_info=&#8221;{}&#8221;]\n<h1><img loading=\"lazy\" decoding=\"async\" class=\" size-full wp-image-19477 alignleft\" src=\"http:\/\/support.ilevia.com\/wp-content\/uploads\/2020\/04\/bar-graph.png\" alt=\"bar-graph\" width=\"60\" height=\"60\" \/>Bar Graph<\/h1>\n<hr \/>\n[\/et_pb_text][\/et_pb_column][\/et_pb_row][et_pb_row admin_label=&#8221;row&#8221; _builder_version=&#8221;4.16&#8243; background_size=&#8221;initial&#8221; background_position=&#8221;top_left&#8221; background_repeat=&#8221;repeat&#8221; custom_padding=&#8221;0px|||||&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;4.16&#8243; custom_padding=&#8221;|||&#8221; global_colors_info=&#8221;{}&#8221; custom_padding__hover=&#8221;|||&#8221;][et_pb_text _builder_version=&#8221;4.16&#8243; border_style=&#8221;solid&#8221; global_colors_info=&#8221;{}&#8221;]\n<blockquote>\n<h2><strong>INTRODUCTION<\/strong><\/h2>\n<\/blockquote>\n<p>It is used to represent values using histograms or speedometer with <g class=\"gr_ gr_8 gr-alert gr_spell gr_inline_cards gr_run_anim ContextualSpelling multiReplace gr-progress\" id=\"8\" data-gr-id=\"8\">colored<\/g> bars layout.<br \/> There are several layout options which define\u00a0how the value should be visualized.<\/p>\n[\/et_pb_text][et_pb_text _builder_version=&#8221;4.17.3&#8243; global_colors_info=&#8221;{}&#8221;]\n<blockquote>\n<p><h3>USE CASES<\/h3>\n<\/p>\n<\/blockquote>\n<ul>\n<li>You can use this component keep track of the current power that your solar plant is producing in real time.<\/li>\n<\/ul>\n[\/et_pb_text][\/et_pb_column][\/et_pb_row][et_pb_row column_structure=&#8221;1_3,2_3&#8243; admin_label=&#8221;row&#8221; _builder_version=&#8221;4.16&#8243; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;1_3&#8243; _builder_version=&#8221;4.16&#8243; custom_padding=&#8221;|||&#8221; global_colors_info=&#8221;{}&#8221; custom_padding__hover=&#8221;|||&#8221;][et_pb_image src=&#8221;http:\/\/support.ilevia.com\/wp-content\/uploads\/2022\/05\/Bar-graph_component-properties.png&#8221; title_text=&#8221;Bar-graph_component-properties&#8221; show_in_lightbox=&#8221;on&#8221; align=&#8221;center&#8221; align_tablet=&#8221;center&#8221; align_phone=&#8221;&#8221; align_last_edited=&#8221;on|desktop&#8221; _builder_version=&#8221;4.17.3&#8243; box_shadow_style=&#8221;preset2&#8243; use_border_color=&#8221;off&#8221; border_color=&#8221;#ffffff&#8221; border_style=&#8221;solid&#8221; animation=&#8221;off&#8221; sticky=&#8221;off&#8221; global_colors_info=&#8221;{}&#8221;][\/et_pb_image][\/et_pb_column][et_pb_column type=&#8221;2_3&#8243; _builder_version=&#8221;4.16&#8243; custom_padding=&#8221;|||&#8221; global_colors_info=&#8221;{}&#8221; custom_padding__hover=&#8221;|||&#8221;][et_pb_text _builder_version=&#8221;4.17.3&#8243; background_size=&#8221;initial&#8221; background_position=&#8221;top_left&#8221; background_repeat=&#8221;repeat&#8221; custom_margin=&#8221;-20px||||false|false&#8221; use_border_color=&#8221;off&#8221; border_color=&#8221;#ffffff&#8221; border_style=&#8221;solid&#8221; global_colors_info=&#8221;{}&#8221;]\n<blockquote>\n<h4 style=\"text-align: justify;\"><strong>COMPONENT&#8217;S PROPERTIES<\/strong><\/h4>\n<\/blockquote>\n[\/et_pb_text][et_pb_text _builder_version=&#8221;4.17.3&#8243; background_size=&#8221;initial&#8221; background_position=&#8221;top_left&#8221; background_repeat=&#8221;repeat&#8221; hover_enabled=&#8221;0&#8243; use_border_color=&#8221;off&#8221; border_color=&#8221;#ffffff&#8221; border_style=&#8221;solid&#8221; global_colors_info=&#8221;{}&#8221; sticky_enabled=&#8221;0&#8243;]\n<p><strong>GUI<\/strong><\/p>\n<p>This component\u2019s\u00a0sample is made by using Graphic UI\u00a0gateway.<\/p>\n<p>Please refer to \u201c<a href=\"http:\/\/support.ilevia.com\/configuration-software-en\/gateway-protocols\/\" target=\"_blank\" rel=\"noopener noreferrer\">Gateways \/ Protocols<\/a>\u201d guide in order to get further info.<\/p>\n<p><strong>Value<\/strong>: Select the <a href=\"\/configuration-software-en\/info\" target=\"_blank\" rel=\"noopener\">Info<\/a>, <a href=\"\/configuration-software-en\/dimmer\" target=\"_blank\" rel=\"noopener\">Dimmer<\/a>, <a href=\"\/configuration-sfotware-en\/seeker\" target=\"_blank\" rel=\"noopener\">Seeker<\/a>, <a href=\"\/configuration-software-en\/changeable-value\" target=\"_blank\" rel=\"noopener\">Changeable Value<\/a>, <a href=\"\/configuration-software-en\/slider\" target=\"_blank\" rel=\"noopener\">Slider<\/a>, <a href=\"\/configuration-software-en\/set-point\" target=\"_blank\" rel=\"noopener\">Set point<\/a> you want to represent on the graph;<\/p>\n<p>Parameters:<\/p>\n<p><strong>Graph model<\/strong>: Choose the graph model between square, circle, increase or decrease;<\/p>\n<p><strong>Direction<\/strong>: Choose the direction of the values when increasing on the chart;<\/p>\n<p><strong>Number of bars<\/strong>: It defines how many bars make\u00a0 the chart;<\/p>\n<p><strong>Range min\u00a0<\/strong>: Minimum value of the chart;<\/p>\n<p><strong>Range max<\/strong>: The\u00a0maximum value of the chart;<\/p>\n<p><strong>Color<\/strong>: Choose each color of the graph bars (left click on the box). You can choose multiple colors to create a customized graph according to your needs;<\/p>\n<p><strong>Hide text<\/strong>: This checkbox allows you to choose to toggle the display the text the value coming from the component you linked to this specific Graph bar.<\/p>\n[\/et_pb_text][\/et_pb_column][\/et_pb_row][et_pb_row disabled_on=&#8221;off|off|off&#8221; _builder_version=&#8221;4.17.3&#8243; custom_margin=&#8221;30px||||false|false&#8221; locked=&#8221;off&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;4.16&#8243; custom_padding=&#8221;|||&#8221; global_colors_info=&#8221;{}&#8221; custom_padding__hover=&#8221;|||&#8221;][et_pb_text _builder_version=&#8221;4.17.3&#8243; background_size=&#8221;initial&#8221; background_position=&#8221;top_left&#8221; background_repeat=&#8221;repeat&#8221; use_border_color=&#8221;off&#8221; border_color=&#8221;#ffffff&#8221; border_style=&#8221;solid&#8221; global_colors_info=&#8221;{}&#8221;]\n<h3 style=\"text-align: center;\">CLASSIC VIEW MODE<\/h3>\n[\/et_pb_text][et_pb_divider _builder_version=&#8221;4.17.3&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][\/et_pb_divider][et_pb_text _builder_version=&#8221;4.17.3&#8243; _module_preset=&#8221;default&#8221; locked=&#8221;off&#8221; global_colors_info=&#8221;{}&#8221;]\n<p style=\"text-align: justify;\">Here is the visual result of the component on EVE Remote (Classic Style). It is possible to edit the dimensions of your Bar Graph according to your necessities. Also, you can add as many Bar Graph as you need in the same user interface tab.<\/p>\n[\/et_pb_text][\/et_pb_column][\/et_pb_row][et_pb_row column_structure=&#8221;1_2,1_2&#8243; disabled_on=&#8221;off|off|off&#8221; _builder_version=&#8221;4.17.3&#8243; _module_preset=&#8221;default&#8221; custom_margin=&#8221;30px||||false|false&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;1_2&#8243; _builder_version=&#8221;4.17.3&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_image src=&#8221;http:\/\/support.ilevia.com\/wp-content\/uploads\/2022\/05\/Bar-graph_square-graph-classic.png&#8221; alt=&#8221;This is how the bar graph with its square mode looks like in the Classic user interface within the Ilevia&#8217;s Home automation App EVE Remote Plus&#8221; title_text=&#8221;Bar-graph_square-graph-classic&#8221; show_in_lightbox=&#8221;on&#8221; align=&#8221;center&#8221; _builder_version=&#8221;4.17.3&#8243; _module_preset=&#8221;default&#8221; max_width=&#8221;70%&#8221; border_radii=&#8221;on|20px|20px|20px|20px&#8221; global_colors_info=&#8221;{}&#8221;][\/et_pb_image][et_pb_text _builder_version=&#8221;4.17.3&#8243; _module_preset=&#8221;default&#8221; locked=&#8221;off&#8221; global_colors_info=&#8221;{}&#8221;]\n<p style=\"text-align: center;\"><strong>GRAPHIC MODEL: SQUARE<\/strong><\/p>\n[\/et_pb_text][\/et_pb_column][et_pb_column type=&#8221;1_2&#8243; _builder_version=&#8221;4.17.3&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_image src=&#8221;http:\/\/support.ilevia.com\/wp-content\/uploads\/2022\/05\/Bar-graph_circle-graph-classic.png&#8221; alt=&#8221;This is how the bar graph with its Circle mode looks like in the Classic user interface within the Ilevia&#8217;s Home automation App EVE Remote Plus&#8221; title_text=&#8221;Bar-graph_circle-graph-classic&#8221; show_in_lightbox=&#8221;on&#8221; align=&#8221;center&#8221; _builder_version=&#8221;4.17.3&#8243; _module_preset=&#8221;default&#8221; max_width=&#8221;70%&#8221; border_radii=&#8221;on|20px|20px|20px|20px&#8221; global_colors_info=&#8221;{}&#8221;][\/et_pb_image][et_pb_text _builder_version=&#8221;4.17.3&#8243; _module_preset=&#8221;default&#8221; locked=&#8221;off&#8221; global_colors_info=&#8221;{}&#8221;]\n<p style=\"text-align: center;\"><strong>GRAPHIC MODEL: CIRCLE<\/strong><\/p>\n[\/et_pb_text][\/et_pb_column][\/et_pb_row][et_pb_row column_structure=&#8221;1_2,1_2&#8243; disabled_on=&#8221;off|off|off&#8221; _builder_version=&#8221;4.17.3&#8243; _module_preset=&#8221;default&#8221; hover_enabled=&#8221;0&#8243; global_colors_info=&#8221;{}&#8221; custom_margin=&#8221;30px||||false|false&#8221; sticky_enabled=&#8221;0&#8243;][et_pb_column type=&#8221;1_2&#8243; _builder_version=&#8221;4.17.3&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_image src=&#8221;http:\/\/support.ilevia.com\/wp-content\/uploads\/2022\/05\/Bar-graph_Increase-graph-classic.png&#8221; alt=&#8221;This is how the bar graph with its Increase mode looks like in the Classic user interface within the Ilevia&#8217;s Home automation App EVE Remote Plus&#8221; title_text=&#8221;Bar-graph_Increase-graph-classic&#8221; show_in_lightbox=&#8221;on&#8221; align=&#8221;center&#8221; _builder_version=&#8221;4.17.3&#8243; _module_preset=&#8221;default&#8221; max_width=&#8221;70%&#8221; border_radii=&#8221;on|20px|20px|20px|20px&#8221; global_colors_info=&#8221;{}&#8221;][\/et_pb_image][et_pb_text _builder_version=&#8221;4.17.3&#8243; _module_preset=&#8221;default&#8221; locked=&#8221;off&#8221; global_colors_info=&#8221;{}&#8221;]\n<p style=\"text-align: center;\"><strong>GRAPHIC MODEL: INCREASE<\/strong><\/p>\n[\/et_pb_text][\/et_pb_column][et_pb_column type=&#8221;1_2&#8243; _builder_version=&#8221;4.17.3&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_image src=&#8221;http:\/\/support.ilevia.com\/wp-content\/uploads\/2022\/05\/Bar-graph_decrease-graph-classic.png&#8221; alt=&#8221;This is how the bar graph with its decrease mode looks like in the Classic user interface within the Ilevia&#8217;s Home automation App EVE Remote Plus&#8221; title_text=&#8221;Bar-graph_decrease-graph-classic&#8221; show_in_lightbox=&#8221;on&#8221; align=&#8221;center&#8221; _builder_version=&#8221;4.17.3&#8243; _module_preset=&#8221;default&#8221; max_width=&#8221;70%&#8221; border_radii=&#8221;on|20px|20px|20px|20px&#8221; global_colors_info=&#8221;{}&#8221;][\/et_pb_image][et_pb_text _builder_version=&#8221;4.17.3&#8243; _module_preset=&#8221;default&#8221; locked=&#8221;off&#8221; global_colors_info=&#8221;{}&#8221;]\n<p style=\"text-align: center;\"><strong>GRAPHIC MODEL: DECREASE<\/strong><\/p>\n[\/et_pb_text][\/et_pb_column][\/et_pb_row][et_pb_row _builder_version=&#8221;4.17.3&#8243; custom_margin=&#8221;30px||||false|false&#8221; locked=&#8221;off&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;4.16&#8243; custom_padding=&#8221;|||&#8221; global_colors_info=&#8221;{}&#8221; custom_padding__hover=&#8221;|||&#8221;][et_pb_text _builder_version=&#8221;4.17.3&#8243; background_size=&#8221;initial&#8221; background_position=&#8221;top_left&#8221; background_repeat=&#8221;repeat&#8221; use_border_color=&#8221;off&#8221; border_color=&#8221;#ffffff&#8221; border_style=&#8221;solid&#8221; global_colors_info=&#8221;{}&#8221;]\n<h3 style=\"text-align: center;\">MAP VIEW MODE\u00a0<\/h3>\n[\/et_pb_text][et_pb_divider _builder_version=&#8221;4.17.3&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][\/et_pb_divider][et_pb_text _builder_version=&#8221;4.17.3&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;]\n<p style=\"text-align: justify;\">Here is the visual result of the component on EVE Remote (Map Style). It is possible to edit the dimensions of your Bar Graph depending on your necessities. Also, you can add as many Bar Graph as you need in the same user interface tab.<\/p>\n[\/et_pb_text][\/et_pb_column][\/et_pb_row][et_pb_row column_structure=&#8221;1_2,1_2&#8243; _builder_version=&#8221;4.17.3&#8243; _module_preset=&#8221;default&#8221; custom_margin=&#8221;30px||||false|false&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;1_2&#8243; _builder_version=&#8221;4.17.3&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_image src=&#8221;http:\/\/support.ilevia.com\/wp-content\/uploads\/2022\/05\/Bar-graph_square-graph-1.png&#8221; alt=&#8221;How does the Bar Graph component looks like in Square mode within the Map User interface of the Ilevia&#8217;s Home automation software EVE Remote Plus&#8221; title_text=&#8221;Bar-graph_square-graph&#8221; show_in_lightbox=&#8221;on&#8221; align=&#8221;center&#8221; align_tablet=&#8221;center&#8221; align_phone=&#8221;&#8221; align_last_edited=&#8221;on|desktop&#8221; _builder_version=&#8221;4.17.3&#8243; border_radii=&#8221;on|20px|20px|20px|20px&#8221; box_shadow_style=&#8221;preset2&#8243; use_border_color=&#8221;off&#8221; border_color=&#8221;#ffffff&#8221; border_style=&#8221;solid&#8221; animation=&#8221;off&#8221; sticky=&#8221;off&#8221; locked=&#8221;off&#8221; global_colors_info=&#8221;{}&#8221;][\/et_pb_image][et_pb_text _builder_version=&#8221;4.17.3&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;]\n<p style=\"text-align: center;\"><strong>GRAPHIC MODEL: SQUARE<\/strong><\/p>\n[\/et_pb_text][\/et_pb_column][et_pb_column type=&#8221;1_2&#8243; _builder_version=&#8221;4.17.3&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_image src=&#8221;http:\/\/support.ilevia.com\/wp-content\/uploads\/2022\/05\/Bar-graph_circle-graph.png&#8221; alt=&#8221;How does the Bar Graph component looks like in Circle mode within the Map User interface of the Ilevia&#8217;s Home automation software EVE Remote Plus&#8221; title_text=&#8221;Bar-graph_circle-graph&#8221; show_in_lightbox=&#8221;on&#8221; align=&#8221;center&#8221; align_tablet=&#8221;center&#8221; align_phone=&#8221;&#8221; align_last_edited=&#8221;on|desktop&#8221; _builder_version=&#8221;4.17.3&#8243; custom_margin=&#8221;1px||||false|false&#8221; border_radii=&#8221;on|20px|20px|20px|20px&#8221; box_shadow_style=&#8221;preset2&#8243; use_border_color=&#8221;off&#8221; border_color=&#8221;#ffffff&#8221; border_style=&#8221;solid&#8221; animation=&#8221;off&#8221; sticky=&#8221;off&#8221; locked=&#8221;off&#8221; global_colors_info=&#8221;{}&#8221;][\/et_pb_image][et_pb_text _builder_version=&#8221;4.17.3&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;]\n<p style=\"text-align: center;\"><strong>GRAPHIC MODEL: CIRCLE<\/strong><\/p>\n[\/et_pb_text][\/et_pb_column][\/et_pb_row][et_pb_row column_structure=&#8221;1_2,1_2&#8243; _builder_version=&#8221;4.17.3&#8243; _module_preset=&#8221;default&#8221; custom_margin=&#8221;30px||||false|false&#8221; hover_enabled=&#8221;0&#8243; global_colors_info=&#8221;{}&#8221; sticky_enabled=&#8221;0&#8243;][et_pb_column type=&#8221;1_2&#8243; _builder_version=&#8221;4.17.3&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_image src=&#8221;http:\/\/support.ilevia.com\/wp-content\/uploads\/2022\/05\/Bar-graph_Increase-graph-1.png&#8221; alt=&#8221;How does the Bar Graph component looks like in Increase mode within the Map User interface of the Ilevia&#8217;s Home automation software EVE Remote Plus&#8221; title_text=&#8221;Bar-graph_Increase-graph&#8221; show_in_lightbox=&#8221;on&#8221; align=&#8221;center&#8221; align_tablet=&#8221;center&#8221; align_phone=&#8221;&#8221; align_last_edited=&#8221;on|desktop&#8221; _builder_version=&#8221;4.17.3&#8243; border_radii=&#8221;on|20px|20px|20px|20px&#8221; box_shadow_style=&#8221;preset2&#8243; use_border_color=&#8221;off&#8221; border_color=&#8221;#ffffff&#8221; border_style=&#8221;solid&#8221; animation=&#8221;off&#8221; sticky=&#8221;off&#8221; locked=&#8221;off&#8221; global_colors_info=&#8221;{}&#8221;][\/et_pb_image][et_pb_text _builder_version=&#8221;4.17.3&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;]\n<p style=\"text-align: center;\"><strong>GRAPHIC MODEL: INCREASE<\/strong><\/p>\n[\/et_pb_text][\/et_pb_column][et_pb_column type=&#8221;1_2&#8243; _builder_version=&#8221;4.17.3&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_image src=&#8221;http:\/\/support.ilevia.com\/wp-content\/uploads\/2022\/05\/Bar-graph_decrease-graph.png&#8221; alt=&#8221;How does the Bar Graph component looks like in Decrease mode within the Map User interface of the Ilevia&#8217;s Home automation software EVE Remote Plus&#8221; title_text=&#8221;Bar&#8211;graph_decrease-graph&#8221; show_in_lightbox=&#8221;on&#8221; align=&#8221;center&#8221; align_tablet=&#8221;center&#8221; align_phone=&#8221;&#8221; align_last_edited=&#8221;on|desktop&#8221; _builder_version=&#8221;4.17.3&#8243; border_radii=&#8221;on|20px|20px|20px|20px&#8221; box_shadow_style=&#8221;preset2&#8243; use_border_color=&#8221;off&#8221; border_color=&#8221;#ffffff&#8221; border_style=&#8221;solid&#8221; animation=&#8221;off&#8221; sticky=&#8221;off&#8221; locked=&#8221;off&#8221; global_colors_info=&#8221;{}&#8221;][\/et_pb_image][et_pb_text _builder_version=&#8221;4.17.3&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;]\n<p style=\"text-align: center;\"><strong>GRAPHIC MODEL: DECREASE<\/strong><\/p>\n[\/et_pb_text][\/et_pb_column][\/et_pb_row][\/et_pb_section][et_pb_section fb_built=&#8221;1&#8243; inner_shadow=&#8221;on&#8221; _builder_version=&#8221;4.17.3&#8243; background_color=&#8221;#fafafa&#8221; parallax=&#8221;on&#8221; min_height=&#8221;280px&#8221; custom_margin=&#8221;30px||||false|false&#8221; locked=&#8221;off&#8221; collapsed=&#8221;off&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_row module_class=&#8221; et_pb_row_fullwidth&#8221; _builder_version=&#8221;4.16&#8243; width=&#8221;91%&#8221; width_tablet=&#8221;80%&#8221; width_last_edited=&#8221;off|desktop&#8221; max_width=&#8221;90%&#8221; max_width_tablet=&#8221;80%&#8221; max_width_phone=&#8221;&#8221; max_width_last_edited=&#8221;on|desktop&#8221; custom_padding=&#8221;30px|0px|22.8594px|0px|false|false&#8221; make_fullwidth=&#8221;on&#8221; collapsed=&#8221;off&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;4.16&#8243; custom_padding=&#8221;|||&#8221; global_colors_info=&#8221;{}&#8221; custom_padding__hover=&#8221;|||&#8221;][et_pb_text _builder_version=&#8221;4.16&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;]\n<h1 style=\"text-align: center;\">Still Need Help? Our Customer Service Is Here For You.<\/h1>\n[\/et_pb_text][\/et_pb_column][\/et_pb_row][et_pb_row _builder_version=&#8221;4.16&#8243; _module_preset=&#8221;default&#8221; width=&#8221;100%&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;4.16&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_button button_url=&#8221;http:\/\/support.ilevia.com\/contacts\/&#8221; button_text=&#8221;Ask For Help&#8221; button_alignment=&#8221;center&#8221; _builder_version=&#8221;4.16&#8243; custom_button=&#8221;on&#8221; button_text_size=&#8221;20px&#8221; button_text_color=&#8221;#1e84f4&#8243; button_bg_color=&#8221;#FFFFFF&#8221; button_border_width=&#8221;2px&#8221; button_border_color=&#8221;#1e84f4&#8243; button_font=&#8221;||||||||&#8221; button_use_icon=&#8221;off&#8221; custom_margin=&#8221;||||false|false&#8221; custom_margin_tablet=&#8221;&#8221; custom_margin_phone=&#8221;|0px|||false|false&#8221; custom_margin_last_edited=&#8221;on|phone&#8221; box_shadow_style=&#8221;preset2&#8243; box_shadow_spread=&#8221;-80px&#8221; global_colors_info=&#8221;{}&#8221; box_shadow_spread__hover=&#8221;0px&#8221; box_shadow_spread__hover_enabled=&#8221;on&#8221;][\/et_pb_button][et_pb_button button_url=&#8221;http:\/\/support.ilevia.com\/contacts\/&#8221; button_text=&#8221;Make a suggestion&#8221; button_alignment=&#8221;center&#8221; _builder_version=&#8221;4.16&#8243; custom_button=&#8221;on&#8221; button_text_size=&#8221;20px&#8221; button_text_color=&#8221;#1e84f4&#8243; button_bg_color=&#8221;#FFFFFF&#8221; button_border_width=&#8221;2px&#8221; button_border_color=&#8221;#1e84f4&#8243; button_use_icon=&#8221;off&#8221; custom_margin=&#8221;|||0px|false|false&#8221; custom_margin_tablet=&#8221;&#8221; custom_margin_phone=&#8221;|||0px|false|false&#8221; custom_margin_last_edited=&#8221;on|phone&#8221; custom_padding=&#8221;|||25px|false|false&#8221; box_shadow_style=&#8221;preset2&#8243; box_shadow_spread=&#8221;-80px&#8221; locked=&#8221;off&#8221; global_colors_info=&#8221;{}&#8221; box_shadow_spread__hover=&#8221;0px&#8221; box_shadow_spread__hover_enabled=&#8221;on&#8221;][\/et_pb_button][\/et_pb_column][\/et_pb_row][\/et_pb_section]\n","protected":false},"excerpt":{"rendered":"<p>Bar Graph INTRODUCTION It is used to represent values using histograms or speedometer with colored bars layout. There are several layout options which define\u00a0how the value should be visualized. USE CASES You can use this component keep track of the current power that your solar plant is producing in real time. COMPONENT&#8217;S PROPERTIES GUI This [&hellip;]<\/p>\n","protected":false},"author":3,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_et_pb_use_builder":"on","_et_pb_old_content":"","_et_gb_content_width":"","inline_featured_image":false,"footnotes":""},"categories":[1,18],"tags":[],"class_list":["post-12297","post","type-post","status-publish","format-standard","hentry","category-all","category-configuration-software-en"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.4 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Bar graph Ilevia Support |<\/title>\n<meta name=\"description\" content=\"Complete guide how to set up the Bar graph component inside the Home autoamtion software EVE Manager and how it looks inside the user interface.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/support.ilevia.com\/en\/configuration-software-en\/bar-graph\/\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Filippo Amabilia\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"11 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/support.ilevia.com\\\/en\\\/configuration-software-en\\\/bar-graph\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/support.ilevia.com\\\/en\\\/configuration-software-en\\\/bar-graph\\\/\"},\"author\":{\"name\":\"Filippo Amabilia\",\"@id\":\"https:\\\/\\\/support.ilevia.com\\\/en\\\/#\\\/schema\\\/person\\\/08a8d13dee0bc9f160da55efe97b7959\"},\"headline\":\"Bar graph\",\"datePublished\":\"2020-04-23T14:29:58+00:00\",\"dateModified\":\"2022-05-13T09:02:34+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/support.ilevia.com\\\/en\\\/configuration-software-en\\\/bar-graph\\\/\"},\"wordCount\":2219,\"publisher\":{\"@id\":\"https:\\\/\\\/support.ilevia.com\\\/en\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/support.ilevia.com\\\/en\\\/configuration-software-en\\\/bar-graph\\\/#primaryimage\"},\"thumbnailUrl\":\"http:\\\/\\\/support.ilevia.com\\\/wp-content\\\/uploads\\\/2020\\\/04\\\/bar-graph.png\",\"articleSection\":[\"All Archives\",\"Configuration Software\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/support.ilevia.com\\\/en\\\/configuration-software-en\\\/bar-graph\\\/\",\"url\":\"https:\\\/\\\/support.ilevia.com\\\/en\\\/configuration-software-en\\\/bar-graph\\\/\",\"name\":\"Bar graph Ilevia Support |\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/support.ilevia.com\\\/en\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/support.ilevia.com\\\/en\\\/configuration-software-en\\\/bar-graph\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/support.ilevia.com\\\/en\\\/configuration-software-en\\\/bar-graph\\\/#primaryimage\"},\"thumbnailUrl\":\"http:\\\/\\\/support.ilevia.com\\\/wp-content\\\/uploads\\\/2020\\\/04\\\/bar-graph.png\",\"datePublished\":\"2020-04-23T14:29:58+00:00\",\"dateModified\":\"2022-05-13T09:02:34+00:00\",\"description\":\"Complete guide how to set up the Bar graph component inside the Home autoamtion software EVE Manager and how it looks inside the user interface.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/support.ilevia.com\\\/en\\\/configuration-software-en\\\/bar-graph\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/support.ilevia.com\\\/en\\\/configuration-software-en\\\/bar-graph\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/support.ilevia.com\\\/en\\\/configuration-software-en\\\/bar-graph\\\/#primaryimage\",\"url\":\"http:\\\/\\\/support.ilevia.com\\\/wp-content\\\/uploads\\\/2020\\\/04\\\/bar-graph.png\",\"contentUrl\":\"http:\\\/\\\/support.ilevia.com\\\/wp-content\\\/uploads\\\/2020\\\/04\\\/bar-graph.png\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/support.ilevia.com\\\/en\\\/configuration-software-en\\\/bar-graph\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/support.ilevia.com\\\/en\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Software Configurazione\",\"item\":\"https:\\\/\\\/support.ilevia.com\\\/it\\\/archivi\\\/software-configurazione\\\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Bar graph\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/support.ilevia.com\\\/en\\\/#website\",\"url\":\"https:\\\/\\\/support.ilevia.com\\\/en\\\/\",\"name\":\"Ilevia Support\",\"description\":\"Assistance &amp; Technical Guides\",\"publisher\":{\"@id\":\"https:\\\/\\\/support.ilevia.com\\\/en\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/support.ilevia.com\\\/en\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/support.ilevia.com\\\/en\\\/#organization\",\"name\":\"Ilevia\",\"url\":\"https:\\\/\\\/support.ilevia.com\\\/en\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/support.ilevia.com\\\/en\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"http:\\\/\\\/support.ilevia.com\\\/wp-content\\\/uploads\\\/2018\\\/12\\\/ilevia.png\",\"contentUrl\":\"http:\\\/\\\/support.ilevia.com\\\/wp-content\\\/uploads\\\/2018\\\/12\\\/ilevia.png\",\"width\":500,\"height\":500,\"caption\":\"Ilevia\"},\"image\":{\"@id\":\"https:\\\/\\\/support.ilevia.com\\\/en\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/ileviaofficial\\\/\",\"https:\\\/\\\/www.instagram.com\\\/ilevia_official\\\/\",\"https:\\\/\\\/it.linkedin.com\\\/company\\\/ilevia\\\/\",\"https:\\\/\\\/www.youtube.com\\\/ilevia\\\/\"]},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/support.ilevia.com\\\/en\\\/#\\\/schema\\\/person\\\/08a8d13dee0bc9f160da55efe97b7959\",\"name\":\"Filippo Amabilia\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/0e396093874891309dc46571e6eec478bc2a5080be4f76a70e1ca9deb9f99eec?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/0e396093874891309dc46571e6eec478bc2a5080be4f76a70e1ca9deb9f99eec?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/0e396093874891309dc46571e6eec478bc2a5080be4f76a70e1ca9deb9f99eec?s=96&d=mm&r=g\",\"caption\":\"Filippo Amabilia\"},\"url\":\"https:\\\/\\\/support.ilevia.com\\\/en\\\/author\\\/filippo-amabilia\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Bar graph Ilevia Support |","description":"Complete guide how to set up the Bar graph component inside the Home autoamtion software EVE Manager and how it looks inside the user interface.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/support.ilevia.com\/en\/configuration-software-en\/bar-graph\/","twitter_misc":{"Written by":"Filippo Amabilia","Est. reading time":"11 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/support.ilevia.com\/en\/configuration-software-en\/bar-graph\/#article","isPartOf":{"@id":"https:\/\/support.ilevia.com\/en\/configuration-software-en\/bar-graph\/"},"author":{"name":"Filippo Amabilia","@id":"https:\/\/support.ilevia.com\/en\/#\/schema\/person\/08a8d13dee0bc9f160da55efe97b7959"},"headline":"Bar graph","datePublished":"2020-04-23T14:29:58+00:00","dateModified":"2022-05-13T09:02:34+00:00","mainEntityOfPage":{"@id":"https:\/\/support.ilevia.com\/en\/configuration-software-en\/bar-graph\/"},"wordCount":2219,"publisher":{"@id":"https:\/\/support.ilevia.com\/en\/#organization"},"image":{"@id":"https:\/\/support.ilevia.com\/en\/configuration-software-en\/bar-graph\/#primaryimage"},"thumbnailUrl":"http:\/\/support.ilevia.com\/wp-content\/uploads\/2020\/04\/bar-graph.png","articleSection":["All Archives","Configuration Software"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/support.ilevia.com\/en\/configuration-software-en\/bar-graph\/","url":"https:\/\/support.ilevia.com\/en\/configuration-software-en\/bar-graph\/","name":"Bar graph Ilevia Support |","isPartOf":{"@id":"https:\/\/support.ilevia.com\/en\/#website"},"primaryImageOfPage":{"@id":"https:\/\/support.ilevia.com\/en\/configuration-software-en\/bar-graph\/#primaryimage"},"image":{"@id":"https:\/\/support.ilevia.com\/en\/configuration-software-en\/bar-graph\/#primaryimage"},"thumbnailUrl":"http:\/\/support.ilevia.com\/wp-content\/uploads\/2020\/04\/bar-graph.png","datePublished":"2020-04-23T14:29:58+00:00","dateModified":"2022-05-13T09:02:34+00:00","description":"Complete guide how to set up the Bar graph component inside the Home autoamtion software EVE Manager and how it looks inside the user interface.","breadcrumb":{"@id":"https:\/\/support.ilevia.com\/en\/configuration-software-en\/bar-graph\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/support.ilevia.com\/en\/configuration-software-en\/bar-graph\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/support.ilevia.com\/en\/configuration-software-en\/bar-graph\/#primaryimage","url":"http:\/\/support.ilevia.com\/wp-content\/uploads\/2020\/04\/bar-graph.png","contentUrl":"http:\/\/support.ilevia.com\/wp-content\/uploads\/2020\/04\/bar-graph.png"},{"@type":"BreadcrumbList","@id":"https:\/\/support.ilevia.com\/en\/configuration-software-en\/bar-graph\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/support.ilevia.com\/en\/"},{"@type":"ListItem","position":2,"name":"Software Configurazione","item":"https:\/\/support.ilevia.com\/it\/archivi\/software-configurazione\/"},{"@type":"ListItem","position":3,"name":"Bar graph"}]},{"@type":"WebSite","@id":"https:\/\/support.ilevia.com\/en\/#website","url":"https:\/\/support.ilevia.com\/en\/","name":"Ilevia Support","description":"Assistance &amp; Technical Guides","publisher":{"@id":"https:\/\/support.ilevia.com\/en\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/support.ilevia.com\/en\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/support.ilevia.com\/en\/#organization","name":"Ilevia","url":"https:\/\/support.ilevia.com\/en\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/support.ilevia.com\/en\/#\/schema\/logo\/image\/","url":"http:\/\/support.ilevia.com\/wp-content\/uploads\/2018\/12\/ilevia.png","contentUrl":"http:\/\/support.ilevia.com\/wp-content\/uploads\/2018\/12\/ilevia.png","width":500,"height":500,"caption":"Ilevia"},"image":{"@id":"https:\/\/support.ilevia.com\/en\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/ileviaofficial\/","https:\/\/www.instagram.com\/ilevia_official\/","https:\/\/it.linkedin.com\/company\/ilevia\/","https:\/\/www.youtube.com\/ilevia\/"]},{"@type":"Person","@id":"https:\/\/support.ilevia.com\/en\/#\/schema\/person\/08a8d13dee0bc9f160da55efe97b7959","name":"Filippo Amabilia","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/secure.gravatar.com\/avatar\/0e396093874891309dc46571e6eec478bc2a5080be4f76a70e1ca9deb9f99eec?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/0e396093874891309dc46571e6eec478bc2a5080be4f76a70e1ca9deb9f99eec?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/0e396093874891309dc46571e6eec478bc2a5080be4f76a70e1ca9deb9f99eec?s=96&d=mm&r=g","caption":"Filippo Amabilia"},"url":"https:\/\/support.ilevia.com\/en\/author\/filippo-amabilia\/"}]}},"_links":{"self":[{"href":"https:\/\/support.ilevia.com\/en\/wp-json\/wp\/v2\/posts\/12297","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/support.ilevia.com\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/support.ilevia.com\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/support.ilevia.com\/en\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/support.ilevia.com\/en\/wp-json\/wp\/v2\/comments?post=12297"}],"version-history":[{"count":63,"href":"https:\/\/support.ilevia.com\/en\/wp-json\/wp\/v2\/posts\/12297\/revisions"}],"predecessor-version":[{"id":53164,"href":"https:\/\/support.ilevia.com\/en\/wp-json\/wp\/v2\/posts\/12297\/revisions\/53164"}],"wp:attachment":[{"href":"https:\/\/support.ilevia.com\/en\/wp-json\/wp\/v2\/media?parent=12297"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/support.ilevia.com\/en\/wp-json\/wp\/v2\/categories?post=12297"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/support.ilevia.com\/en\/wp-json\/wp\/v2\/tags?post=12297"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}