{"id":11298,"date":"2021-03-15T10:06:21","date_gmt":"2021-03-15T10:06:21","guid":{"rendered":"https:\/\/help.instantatlas.com\/report-builder\/?page_id=11298"},"modified":"2023-07-19T15:22:32","modified_gmt":"2023-07-19T14:22:32","slug":"icon-bar-chart-widget","status":"publish","type":"page","link":"https:\/\/help.reports.esriuk.com\/report-builder\/widgets\/icon-bar-chart-widget\/","title":{"rendered":"Icon Bar Chart Widget"},"content":{"rendered":"

The Icon Chart<\/strong> widget allows you to create an infographic that uses the size of the data value for an area using a set of repeating icons.<\/p>\n

The section below describes specific settings for the Icon Chart<\/strong> widget. Note that generic widget settings are described on the Widget Generic Settings<\/a> page, so if you cannot find the setting you are looking for check there too.<\/p>\n

Icon(s)<\/h3>\n

Type<\/strong><\/p>\n

Choose an icon type.<\/p>\n

Image<\/strong><\/p>\n

Type the URL to an image or use the browse button to the right of the box. This setting will be greyed out if Type<\/strong> is not ‘image’.<\/p>\n

Tooltip<\/strong><\/p>\n

Type a tooltip format for the icon(s) e.g. #COLOR #FNAME, #INAME: #IVALUE<\/p>\n

Icon(s)<\/strong><\/p>\n

Choose an icon for the widget. Type some text in the box to see any matching icons e.g. ‘male’ or use the arrow to the right of the box to access the list of available icons. You can add more than one icon if you wish. There is a button to toggle direct edit view if you wish to enter a list of icon names with a space between each e.g. ‘arrow-left arrow-right’<\/p>\n

Size<\/strong><\/p>\n

Type or use the arrow buttons to set the size of the icon(s).<\/p>\n

Value per icon<\/strong><\/p>\n

Type or use the arrow buttons to set a value per icon e.g. ‘100’ if you want each icon to represent a value of 100.<\/p>\n

Palette<\/strong><\/p>\n

Choose a color palette for the icons. You can edit the active palette by clicking the x buttons to remove colors or the + button to add colors. There are also buttons to change to a different palette completely, to copy\/paste color codes to\/from the clipboard and to toggle the direct edit view that allows you to type in color codes delimited by commas e.g. #a6cee3 #b2df8a #fb9a99 #fdbf6f #cab2d6 #ffff99 #1f78b4 #33a02c #e31a1c #ff7f00.<\/p>\n

Layout<\/strong><\/p>\n

Choose a layout for the icons.<\/p>\n

Bar labels<\/strong><\/p>\n

Type a label format for the bars in the chart e.g. #INAME<br\/><b>#IVALUE<\/b><\/p>\n

Bar labels alignment<\/strong><\/p>\n

Choose an alignment for bar labels.<\/p>\n

Bar labels width<\/strong><\/p>\n

Choose a width for bar labels.<\/p>\n

Bar Value labels<\/strong><\/p>\n

Choose a label format for bar value labels e.g. #IVALUE<\/p>\n

Bar separation<\/strong><\/p>\n

Type of use the arrow buttons to set a bar separation value.<\/p>\n

Icons – Layout<\/h3>\n

Alignment<\/strong><\/p>\n

Choose an alignment for the icons.<\/p>\n","protected":false},"excerpt":{"rendered":"

The Icon Chart widget allows you to create an infographic that uses the size of the data value for an area using a set of repeating icons. The section below describes specific settings for the Icon Chart widget. Note that generic widget settings are described on the Widget Generic Settings page, so if you cannot […]<\/p>\n","protected":false},"author":61,"featured_media":0,"parent":4321,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-11298","page","type-page","status-publish","hentry","entry"],"_links":{"self":[{"href":"https:\/\/help.reports.esriuk.com\/report-builder\/wp-json\/wp\/v2\/pages\/11298","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/help.reports.esriuk.com\/report-builder\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/help.reports.esriuk.com\/report-builder\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/help.reports.esriuk.com\/report-builder\/wp-json\/wp\/v2\/users\/61"}],"replies":[{"embeddable":true,"href":"https:\/\/help.reports.esriuk.com\/report-builder\/wp-json\/wp\/v2\/comments?post=11298"}],"version-history":[{"count":0,"href":"https:\/\/help.reports.esriuk.com\/report-builder\/wp-json\/wp\/v2\/pages\/11298\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/help.reports.esriuk.com\/report-builder\/wp-json\/wp\/v2\/pages\/4321"}],"wp:attachment":[{"href":"https:\/\/help.reports.esriuk.com\/report-builder\/wp-json\/wp\/v2\/media?parent=11298"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}