{"id":87897,"date":"2017-06-30T08:19:52","date_gmt":"2017-06-30T08:19:52","guid":{"rendered":"https:\/\/webkul.com\/blog\/?p=87897"},"modified":"2017-06-30T08:33:01","modified_gmt":"2017-06-30T08:33:01","slug":"create-pie-chart-using-visualforce-page","status":"publish","type":"post","link":"https:\/\/webkul.com\/blog\/create-pie-chart-using-visualforce-page\/","title":{"rendered":"Create Pie Chart using Visualforce page"},"content":{"rendered":"

Anyone who has used Salesforce<\/strong> must be knowing about Dashboard<\/strong> feature that is present in the CRM<\/strong>. This feature allows us to create charts for various sets of data like Sales per Account, or new Accounts by month. Any data for which a report could be generated, can be displayed as a chart.<\/p>\n

Inspired from this feature, Salesforce developers around the globe started thinking about, if the dashboard can be displayed in a Visualforce<\/strong> page?<\/p>\n

The Answer to this question sadly, is no. Although a Dashboard can be integrated in a Visualforce page, but for that we have to use an iFrame<\/strong>, and provide the id of that particular Dashboard to the iFrame url, for the Dashboard to be displayed on the Visualforce page. Which does not seem to be a very feasible option for the end user to work on.<\/p>\n

However no one said that the similar chart cannot be created on the Visualforce page. That is right, Visualforce has predefined tag <apex:chart><\/strong> which help us get a custom chart of the data we want to display.<\/p>\n

Here in this blog, I am going to help you create a simple pie chart with the help of <apex:chart> to display the Draft\/Activated orders ratio in a Visualforce page.<\/p>\n

\n
\n

APEX Class<\/h3>\n<\/div>\n
\n

First of all we need to create a controller class<\/strong> in a salesforce org. For this tutorial, I am going to name the controller as PieChartController. In this class we are going to fetch the data of Orders and store it in other wrapper class<\/strong>. This wrapper class will be a part of our controller class.<\/p>\n

The Wrapper class will look something like this:<\/p>\n

public class PieData {\r\n\r\n    public String name { get; set; }\r\n    public Decimal data { get; set; }\r\n\r\n    public PieData(String namevalue, Decimal datavalue) {\r\n        name = namevalue;\r\n        data = datavalue;\r\n    }\r\n}<\/pre>\n
Note that in this wrapper class there are two variable one which will hold the name<\/strong>, or we can say label of the pie slice, and the other, i.e. data<\/strong>, will tell the quantity which will be represented in the same chart.<\/p>\n
Now that we have completed writing the wrapper class, lets move on to fetching the data and storing it in a wrapper class list variable.<\/p>\n
Write a function named getOrderData<\/strong>, with the return type same as the wrapper class name, i.e. PieData<\/strong>. The result will look something like this:<\/p>\n
public List getOrderData() {\r\n    List data = new List();\r\n        \r\n    decimal draft=0,activated=0;\r\n    draft       = [select count() from order where status = 'Draft'];\r\n    activated   = [select count() from order where status = 'Activated'];\r\n    data.add(new PieData('Activated ',activated));\r\n    data.add(new PieData('Draft ',draft));\r\n    return data;\r\n}<\/pre>\n
In this class we have fetched the count of draft and activated orders, and then added that count to the wrapper class object data<\/strong>, with the corresponding label passed as hard-coded strings.
\nYou can also keep the query in a try-catch<\/strong> block to ensure that the exception no object returned is handled, if there is no order for status either draft, or activated, however it is not required here as count will simply return 0 for such a case.<\/p>\n
This completes our Controller class, yet a Visualforce page to display this data still needs to be written. So let’s go on to writing the code for the Visualforce page.<\/p>\n<\/div>\n<\/div>\n
\n
\n
VISUALFORCE CODE<\/h3>\n<\/div>\n
\n
Create a Visualforce page with page controller set as the PieChartController. Then add the following code to the VF page:<\/p>\n
<apex:chart data="{!OrderData}" height="400" width="400">\r\n    <apex:pieSeries dataField="data"><\/apex:pieSeries>\r\n<\/apex:chart><\/pre>\n
All the attributes<\/strong> used in this code are required<\/strong>, and the page will not be saved without adding these attributes.<\/p>\n<\/div>\n<\/div>\n
\n
\n
OUTPUT<\/h3>\n<\/div>\n
\n
Once you have written the code save and preview it to see the newly created vf page with a pie chart. The output will look something like this:<\/p>\n
\"Pie<\/a><\/p>\n
More Pie Wedges can be added by adding data to the list of the wrapper class variable.<\/p>\n
Click here<\/a> to see a live demo of the output page.<\/p>\n<\/div>\n<\/div>\n
\n
\n
SUPPORT<\/h3>\n<\/div>\n
\n
That\u2019s all for how to create Pie Chart in Visualforce, for any further queries feel free to add a ticket at:<\/p>\n
https:\/\/webkul.uvdesk.com\/en\/customer\/create-ticket\/<\/a><\/p>\n
Or let us know your views on how to make this code better, in comments section below.<\/p>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"
Anyone who has used Salesforce must be knowing about Dashboard feature that is present in the CRM. This feature allows us to create charts for various sets of data like Sales per Account, or new Accounts by month. Any data for which a report could be generated, can be displayed as a chart. Inspired from […]<\/a><\/p>\n","protected":false},"author":144,"featured_media":87915,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1889,1887,1888],"tags":[1884,1934,4994,4995,4996,1935,1885,4997,1933],"class_list":["post-87897","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-apex","category-salesforce","category-visualforce","tag-apex","tag-chart","tag-dynamic-chart","tag-pie","tag-pie-chart","tag-piechart","tag-salesforce","tag-sf-pie-chart","tag-visualforce"],"yoast_head":"\nCreate Pie Chart using Visualforce page in Salesforce<\/title>\n<meta name=\"description\" content=\"This feature allows us to create charts for various sets of data like Sales per Account, or new Accounts by month. Create Pie Chart using Visualforce page\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/webkul.com\/blog\/create-pie-chart-using-visualforce-page\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Create Pie Chart using Visualforce page in Salesforce\" \/>\n<meta property=\"og:description\" content=\"This feature allows us to create charts for various sets of data like Sales per Account, or new Accounts by month. Create Pie Chart using Visualforce page\" \/>\n<meta property=\"og:url\" content=\"https:\/\/webkul.com\/blog\/create-pie-chart-using-visualforce-page\/\" \/>\n<meta property=\"og:site_name\" content=\"Webkul Blog\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/webkul\/\" \/>\n<meta property=\"article:published_time\" content=\"2017-06-30T08:19:52+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2017-06-30T08:33:01+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/06\/download-13.png\" \/>\n\t<meta property=\"og:image:width\" content=\"825\" \/>\n\t<meta property=\"og:image:height\" content=\"260\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Yathansh Sharma\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@webkul\" \/>\n<meta name=\"twitter:site\" content=\"@webkul\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Yathansh Sharma\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"4 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/webkul.com\/blog\/create-pie-chart-using-visualforce-page\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/webkul.com\/blog\/create-pie-chart-using-visualforce-page\/\"},\"author\":{\"name\":\"Yathansh Sharma\",\"@id\":\"https:\/\/webkul.com\/blog\/#\/schema\/person\/2cf74c97cc99e81430138433b2e5a342\"},\"headline\":\"Create Pie Chart using Visualforce page\",\"datePublished\":\"2017-06-30T08:19:52+00:00\",\"dateModified\":\"2017-06-30T08:33:01+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/webkul.com\/blog\/create-pie-chart-using-visualforce-page\/\"},\"wordCount\":634,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/webkul.com\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/webkul.com\/blog\/create-pie-chart-using-visualforce-page\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/06\/download-13.png\",\"keywords\":[\"Apex\",\"Chart\",\"dynamic chart\",\"pie\",\"pie chart\",\"Piechart\",\"Salesforce\",\"sf pie chart\",\"Visualforce\"],\"articleSection\":[\"Apex\",\"Salesforce\",\"Visualforce\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/webkul.com\/blog\/create-pie-chart-using-visualforce-page\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/webkul.com\/blog\/create-pie-chart-using-visualforce-page\/\",\"url\":\"https:\/\/webkul.com\/blog\/create-pie-chart-using-visualforce-page\/\",\"name\":\"Create Pie Chart using Visualforce page in Salesforce\",\"isPartOf\":{\"@id\":\"https:\/\/webkul.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/webkul.com\/blog\/create-pie-chart-using-visualforce-page\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/webkul.com\/blog\/create-pie-chart-using-visualforce-page\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/06\/download-13.png\",\"datePublished\":\"2017-06-30T08:19:52+00:00\",\"dateModified\":\"2017-06-30T08:33:01+00:00\",\"description\":\"This feature allows us to create charts for various sets of data like Sales per Account, or new Accounts by month. Create Pie Chart using Visualforce page\",\"breadcrumb\":{\"@id\":\"https:\/\/webkul.com\/blog\/create-pie-chart-using-visualforce-page\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/webkul.com\/blog\/create-pie-chart-using-visualforce-page\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/webkul.com\/blog\/create-pie-chart-using-visualforce-page\/#primaryimage\",\"url\":\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/06\/download-13.png\",\"contentUrl\":\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/06\/download-13.png\",\"width\":825,\"height\":260,\"caption\":\"Feature Image\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/webkul.com\/blog\/create-pie-chart-using-visualforce-page\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/webkul.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Create Pie Chart using Visualforce page\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/webkul.com\/blog\/#website\",\"url\":\"https:\/\/webkul.com\/blog\/\",\"name\":\"Webkul Blog\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/webkul.com\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/webkul.com\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/webkul.com\/blog\/#organization\",\"name\":\"WebKul Software Private Limited\",\"url\":\"https:\/\/webkul.com\/blog\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/webkul.com\/blog\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/08\/webkul-logo-accent-sq.png\",\"contentUrl\":\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/08\/webkul-logo-accent-sq.png\",\"width\":380,\"height\":380,\"caption\":\"WebKul Software Private Limited\"},\"image\":{\"@id\":\"https:\/\/webkul.com\/blog\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/webkul\/\",\"https:\/\/x.com\/webkul\",\"https:\/\/www.instagram.com\/webkul\/\",\"https:\/\/www.linkedin.com\/company\/webkul\",\"https:\/\/www.youtube.com\/user\/webkul\/\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/webkul.com\/blog\/#\/schema\/person\/2cf74c97cc99e81430138433b2e5a342\",\"name\":\"Yathansh Sharma\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/webkul.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/631dfbfdb0f359990ee300274cf444e7dc7da6005653e2b711d3c9197caa4ab3?s=96&d=https%3A%2F%2Fcdnblog.webkul.com%2Fblog%2Fwp-content%2Fuploads%2F2019%2F10%2Fmike.png&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/631dfbfdb0f359990ee300274cf444e7dc7da6005653e2b711d3c9197caa4ab3?s=96&d=https%3A%2F%2Fcdnblog.webkul.com%2Fblog%2Fwp-content%2Fuploads%2F2019%2F10%2Fmike.png&r=g\",\"caption\":\"Yathansh Sharma\"},\"url\":\"https:\/\/webkul.com\/blog\/author\/yathansh-sharma081\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Create Pie Chart using Visualforce page in Salesforce","description":"This feature allows us to create charts for various sets of data like Sales per Account, or new Accounts by month. Create Pie Chart using Visualforce page","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:\/\/webkul.com\/blog\/create-pie-chart-using-visualforce-page\/","og_locale":"en_US","og_type":"article","og_title":"Create Pie Chart using Visualforce page in Salesforce","og_description":"This feature allows us to create charts for various sets of data like Sales per Account, or new Accounts by month. Create Pie Chart using Visualforce page","og_url":"https:\/\/webkul.com\/blog\/create-pie-chart-using-visualforce-page\/","og_site_name":"Webkul Blog","article_publisher":"https:\/\/www.facebook.com\/webkul\/","article_published_time":"2017-06-30T08:19:52+00:00","article_modified_time":"2017-06-30T08:33:01+00:00","og_image":[{"width":825,"height":260,"url":"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/06\/download-13.png","type":"image\/png"}],"author":"Yathansh Sharma","twitter_card":"summary_large_image","twitter_creator":"@webkul","twitter_site":"@webkul","twitter_misc":{"Written by":"Yathansh Sharma","Est. reading time":"4 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/webkul.com\/blog\/create-pie-chart-using-visualforce-page\/#article","isPartOf":{"@id":"https:\/\/webkul.com\/blog\/create-pie-chart-using-visualforce-page\/"},"author":{"name":"Yathansh Sharma","@id":"https:\/\/webkul.com\/blog\/#\/schema\/person\/2cf74c97cc99e81430138433b2e5a342"},"headline":"Create Pie Chart using Visualforce page","datePublished":"2017-06-30T08:19:52+00:00","dateModified":"2017-06-30T08:33:01+00:00","mainEntityOfPage":{"@id":"https:\/\/webkul.com\/blog\/create-pie-chart-using-visualforce-page\/"},"wordCount":634,"commentCount":0,"publisher":{"@id":"https:\/\/webkul.com\/blog\/#organization"},"image":{"@id":"https:\/\/webkul.com\/blog\/create-pie-chart-using-visualforce-page\/#primaryimage"},"thumbnailUrl":"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/06\/download-13.png","keywords":["Apex","Chart","dynamic chart","pie","pie chart","Piechart","Salesforce","sf pie chart","Visualforce"],"articleSection":["Apex","Salesforce","Visualforce"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/webkul.com\/blog\/create-pie-chart-using-visualforce-page\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/webkul.com\/blog\/create-pie-chart-using-visualforce-page\/","url":"https:\/\/webkul.com\/blog\/create-pie-chart-using-visualforce-page\/","name":"Create Pie Chart using Visualforce page in Salesforce","isPartOf":{"@id":"https:\/\/webkul.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/webkul.com\/blog\/create-pie-chart-using-visualforce-page\/#primaryimage"},"image":{"@id":"https:\/\/webkul.com\/blog\/create-pie-chart-using-visualforce-page\/#primaryimage"},"thumbnailUrl":"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/06\/download-13.png","datePublished":"2017-06-30T08:19:52+00:00","dateModified":"2017-06-30T08:33:01+00:00","description":"This feature allows us to create charts for various sets of data like Sales per Account, or new Accounts by month. Create Pie Chart using Visualforce page","breadcrumb":{"@id":"https:\/\/webkul.com\/blog\/create-pie-chart-using-visualforce-page\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/webkul.com\/blog\/create-pie-chart-using-visualforce-page\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/webkul.com\/blog\/create-pie-chart-using-visualforce-page\/#primaryimage","url":"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/06\/download-13.png","contentUrl":"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2017\/06\/download-13.png","width":825,"height":260,"caption":"Feature Image"},{"@type":"BreadcrumbList","@id":"https:\/\/webkul.com\/blog\/create-pie-chart-using-visualforce-page\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/webkul.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Create Pie Chart using Visualforce page"}]},{"@type":"WebSite","@id":"https:\/\/webkul.com\/blog\/#website","url":"https:\/\/webkul.com\/blog\/","name":"Webkul Blog","description":"","publisher":{"@id":"https:\/\/webkul.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/webkul.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/webkul.com\/blog\/#organization","name":"WebKul Software Private Limited","url":"https:\/\/webkul.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/webkul.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/08\/webkul-logo-accent-sq.png","contentUrl":"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2021\/08\/webkul-logo-accent-sq.png","width":380,"height":380,"caption":"WebKul Software Private Limited"},"image":{"@id":"https:\/\/webkul.com\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/webkul\/","https:\/\/x.com\/webkul","https:\/\/www.instagram.com\/webkul\/","https:\/\/www.linkedin.com\/company\/webkul","https:\/\/www.youtube.com\/user\/webkul\/"]},{"@type":"Person","@id":"https:\/\/webkul.com\/blog\/#\/schema\/person\/2cf74c97cc99e81430138433b2e5a342","name":"Yathansh Sharma","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/webkul.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/631dfbfdb0f359990ee300274cf444e7dc7da6005653e2b711d3c9197caa4ab3?s=96&d=https%3A%2F%2Fcdnblog.webkul.com%2Fblog%2Fwp-content%2Fuploads%2F2019%2F10%2Fmike.png&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/631dfbfdb0f359990ee300274cf444e7dc7da6005653e2b711d3c9197caa4ab3?s=96&d=https%3A%2F%2Fcdnblog.webkul.com%2Fblog%2Fwp-content%2Fuploads%2F2019%2F10%2Fmike.png&r=g","caption":"Yathansh Sharma"},"url":"https:\/\/webkul.com\/blog\/author\/yathansh-sharma081\/"}]}},"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/posts\/87897","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/users\/144"}],"replies":[{"embeddable":true,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/comments?post=87897"}],"version-history":[{"count":12,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/posts\/87897\/revisions"}],"predecessor-version":[{"id":91937,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/posts\/87897\/revisions\/91937"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/media\/87915"}],"wp:attachment":[{"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/media?parent=87897"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/categories?post=87897"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/webkul.com\/blog\/wp-json\/wp\/v2\/tags?post=87897"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}