{"id":4992,"date":"2022-02-13T22:38:31","date_gmt":"2022-02-13T22:38:31","guid":{"rendered":"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/?p=4992"},"modified":"2022-02-13T22:47:14","modified_gmt":"2022-02-13T22:47:14","slug":"pie-doughnut-chart","status":"publish","type":"post","link":"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/2022\/02\/13\/pie-doughnut-chart\/","title":{"rendered":"Pie &#038; Doughnut Chart"},"content":{"rendered":"\n<p>Pie &amp; Doughnut Chart is to use for showing various kind of 2-dimensional datas on the chart. On this chart, you can observe the special data by clicking the other legends.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img fetchpriority=\"high\" decoding=\"async\" width=\"1024\" height=\"372\" src=\"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/wp-content\/uploads\/sites\/17\/2022\/02\/pie1-1024x372.jpg\" alt=\"\" class=\"wp-image-4996\" srcset=\"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/wp-content\/uploads\/sites\/17\/2022\/02\/pie1-1024x372.jpg 1024w, https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/wp-content\/uploads\/sites\/17\/2022\/02\/pie1-768x279.jpg 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h4 class=\"wp-block-heading\">How to create Pie &amp; Doughnut Chart Widget?<\/h4>\n\n\n\n<p><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><strong>Step 2<\/strong>. Drag UDesign <strong>Pie Chart <\/strong>element from the element List. <\/p>\n\n\n\n<p><strong>Step 3<\/strong>. Choose <strong>Chart Type <\/strong>and add <strong>Items<\/strong>.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Pie &amp; Doughnut Chart Option.<\/h4>\n\n\n\n<p><strong>Chart Type &#8211; <\/strong>You can select pie or doughnut chart.<\/p>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:52.41%\">\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"327\" height=\"325\" src=\"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/wp-content\/uploads\/sites\/17\/2022\/02\/pie2-1.jpg\" alt=\"\" class=\"wp-image-5021\"\/><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:47.59%\">\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"327\" height=\"326\" src=\"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/wp-content\/uploads\/sites\/17\/2022\/02\/pie3-1.jpg\" alt=\"\" class=\"wp-image-5022\"\/><\/figure>\n<\/div>\n<\/div>\n\n\n\n<p><strong>Value<\/strong> &#8211; You can set custom value of item data. Chart is shown this value ratio.<\/p>\n\n\n\n<p><strong>Legend<\/strong> &#8211; With legend options, you will determine position of legend and layout.<\/p>\n\n\n\n<p><strong>Tooltip<\/strong> &#8211; This option enable to show tooltip for chart.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Pie &amp; Doughnut Chart Style.<\/h4>\n\n\n\n<p>You can control height, border width of chart, color and point size with <strong>Height of Chart<\/strong>, <strong>Border Width<\/strong>, <strong>Line Color, Point Size<\/strong> Options.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Pie &amp; Doughnut Chart is to use for showing various kind of 2-dimensional datas on the chart. On this chart, you can observe the special data by clicking the other legends. How to create Pie &amp; Doughnut Chart Widget? Step 1. Create, or choose the Column into which you want to add your element. Click [&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-4992","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\/4992","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=4992"}],"version-history":[{"count":1,"href":"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/wp-json\/wp\/v2\/posts\/4992\/revisions"}],"predecessor-version":[{"id":5023,"href":"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/wp-json\/wp\/v2\/posts\/4992\/revisions\/5023"}],"wp:attachment":[{"href":"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/wp-json\/wp\/v2\/media?parent=4992"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/wp-json\/wp\/v2\/categories?post=4992"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/d-themes.com\/wordpress\/udesign\/documentation\/wp-json\/wp\/v2\/tags?post=4992"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}