{"id":5087,"date":"2022-02-14T00:06:04","date_gmt":"2022-02-14T00:06:04","guid":{"rendered":"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/?p=5087"},"modified":"2022-02-14T21:35:21","modified_gmt":"2022-02-14T21:35:21","slug":"bar-chart","status":"publish","type":"post","link":"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/2022\/02\/14\/bar-chart\/","title":{"rendered":"Bar Chart"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">With UDesign\u00a0<strong>Bar Chart<\/strong>, you can container and show data more intuitive.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img fetchpriority=\"high\" decoding=\"async\" width=\"1024\" height=\"412\" src=\"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/wp-content\/uploads\/sites\/17\/2022\/02\/bar-chart-1024x412.jpg\" alt=\"\" class=\"wp-image-5275\" srcset=\"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/wp-content\/uploads\/sites\/17\/2022\/02\/bar-chart-1024x412.jpg 1024w, https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/wp-content\/uploads\/sites\/17\/2022\/02\/bar-chart-768x309.jpg 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h4 class=\"wp-block-heading\">How to create Bar Chart element?<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Step 1<\/strong>. Create, or choose the Column into which you want to add your element. Click on Add New Element.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Step 2<\/strong>. Drag UDesign&nbsp;<strong>Bar Chart&nbsp;<\/strong>element from the Element List.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Step 3<\/strong>. Add and edit the cart item.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\"><strong>Bar Chart Options<\/strong><\/h4>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Chart Type&nbsp;<\/strong>\u2013 Select the chart type to show<strong>&nbsp;Vertical<\/strong>&nbsp;or<strong>&nbsp;Hoizontal<\/strong>.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Data Labels&nbsp;<\/strong>\u2013 Set labels of data axis. Write multiple labels separated by comma.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Label&nbsp;<\/strong>of Items \u2013 Set label of each bar chart.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Value&nbsp;<\/strong>of Items \u2013 Set data value separated by comma.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Show Grid Line&nbsp;<\/strong>\u2013 Determines whether grid lines are shown or not.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Axis Range&nbsp;<\/strong>\u2013 Set maximum value of range that can be set for the data value.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Axis Unit&nbsp;<\/strong>\u2013 Set scale of the axis to show data value.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Show Axis Labels&nbsp;<\/strong>\u2013 Choose whether labels should be displayed. Default currently set to&nbsp;<strong>on<\/strong>.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Show Legend&nbsp;<\/strong>\u2013 Enable to show legend for polar chart.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Position&nbsp;<\/strong>\u2013 Control the position of legend on polar chart.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Reverse&nbsp;<\/strong>\u2013 Legend would be rearranged in reverse.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Show Tooltip<\/strong>\u2013 Enable to show tooltip for polar chart.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>With UDesign\u00a0Bar Chart, you can container and show data more intuitive. How to create Bar Chart element? Step 1. Create, or choose the Column into which you want to add your element. Click on Add New Element. Step 2. Drag UDesign&nbsp;Bar Chart&nbsp;element from the Element List. Step 3. Add and edit the cart item. Bar [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"categories":[32],"tags":[],"class_list":["post-5087","post","type-post","status-publish","format-standard","hentry","category-udesign-elements"],"_links":{"self":[{"href":"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/wp-json\/wp\/v2\/posts\/5087","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/wp-json\/wp\/v2\/comments?post=5087"}],"version-history":[{"count":2,"href":"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/wp-json\/wp\/v2\/posts\/5087\/revisions"}],"predecessor-version":[{"id":5276,"href":"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/wp-json\/wp\/v2\/posts\/5087\/revisions\/5276"}],"wp:attachment":[{"href":"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/wp-json\/wp\/v2\/media?parent=5087"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/wp-json\/wp\/v2\/categories?post=5087"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/wp-json\/wp\/v2\/tags?post=5087"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}