{"id":24490,"date":"2019-04-23T12:15:16","date_gmt":"2019-04-23T09:15:16","guid":{"rendered":"http:\/\/www.webcodegeeks.com\/?p=24490"},"modified":"2019-04-22T14:29:11","modified_gmt":"2019-04-22T11:29:11","slug":"working-oracle-jet-chart-component","status":"publish","type":"post","link":"https:\/\/www.webcodegeeks.com\/javascript\/working-oracle-jet-chart-component\/","title":{"rendered":"Working with Oracle JET Chart Component"},"content":{"rendered":"\n

In this post, we\u2019ll see how to use Oracle JET Chart (oj-chart) Component and its various properties. Here I am using Oracle JET with JDeveloper 12.1.3. To learn more about using JET with JDeveloper refer my previous post<\/a><\/p>\n\n\n\n

Goto Oracle JET Cookbook and read the whole recipe of Bar Chart<\/a>, Here you\u2019ll learn about basic properties of a chart<\/p>\n\n\n\n

Now open the dashboard.html<\/strong><\/em> file from your project in JDeveloper editor and paste this code<\/p>\n\n\n\n

<div class=\"oj-hybrid-padding\">\n    <h1>Dashboard Content Area<\/h1>\n    <div>\n        <oj-chart \n        id=\"barChart\" \n        type=\"bar\" \n        orientation=\"[[orientationValue]]\" \n        stack=\"[[stackValue]]\"\n        series=\"[[barSeriesValue]]\" \n        groups=\"[[barGroupsValue]]\" \n        animation-on-display=\"auto\"\n        animation-on-data-change=\"auto\" \n        hover-behavior=\"dim\" \n        style=\"max-width:650px;width:100%;height:350px;\">\n        <\/oj-chart>\n    <\/div>\n<\/div>\n<\/pre>\n\n\n\n
\n\nHere you can see orientation, stack, series, groups<\/strong><\/em> values are referenced from different variables and these variables are used in the dashboard.js<\/strong><\/em> file to supply values to chart component.\n\n<\/p>\n\n\n\n
\/*\n * Your dashboard ViewModel code goes here\n *\/\ndefine(['ojs\/ojcore', 'knockout', 'jquery', 'ojs\/ojchart'],\nfunction (oj, ko, $) {\n    function DashboardViewModel() {\n        var self = this;\n       \n        \/*Chart Properties*\/\n        self.stackValue = ko.observable('off');\n        self.orientationValue = ko.observable('vertical');\n        \/* chart data *\/\n        var barSeries = [\n        {name : \"Finance\", items : [42000, 55000]},\n        {name : \"Purchase\", items : [55000, 70000]},\n        {name : \"Service\", items : [36000, 50000]},\n        {name : \"Administration\", items : [28000, 65000]},\n        {name : \"HR\", items : [25000, 60000]}\n        ];\n        \n        var barGroups = [\"Average Salary\", \"Max Salary\"];\n        self.barSeriesValue = ko.observableArray(barSeries);\n        self.barGroupsValue = ko.observableArray(barGroups);\n        .\n        .\n        .\n<\/pre>\n\n\n\n
Here you can see that an array is used to populate data in the bar chart and all variables are defined with appropriate values, You can see that we have two groups here for each Department and chart orientation is vertical.<\/p>\n\n\n\n
Now run and check how it looks on the browser<\/p>\n\n\n\n
\"Chart<\/figure><\/div>\n\n\n\n
\n\nTry changing stackValue<\/strong> <\/em>and orientationValue<\/strong> <\/em>attribute and check what happens?\n\n<\/p>\n\n\n\n
\/*Chart Properties*\/\n   self.stackValue = ko.observable('on');\n   self.orientationValue = ko.observable('horizontal');\n<\/pre>\n\n\n\n
\n\nand bar chart looks like this\n\n<\/p>\n\n\n\n
\"Chart<\/figure><\/div>\n\n\n\n
Now I am adding a choice list that shows different chart type and on the selection of specific type, the chart should change so for this requirement I am adding an oj-select-one<\/strong><\/em> component on the page and referencing chart\u2019s type<\/strong> attribute to its value<\/p>\n\n\n\n
This is the complete code of the dashboard.html<\/strong><\/em><\/p>\n\n\n\n
<div class=\"oj-hybrid-padding\">\n    <h1>Dashboard Content Area<\/h1>\n    <div>\n     <oj-label for=\"basicSelect\">Select Chart Type<\/oj-label>\n         \n        <oj-select-one id=\"basicSelect\" value=\"{{chartType}}\" style=\"max-width:20em\">\n            <oj-option value=\"bar\">Bar<\/oj-option>\n            <oj-option value=\"pie\">Pie<\/oj-option>\n            <oj-option value=\"line\">Line<\/oj-option>\n            <oj-option value=\"area\">Area<\/oj-option>\n        <\/oj-select-one>\n        \n        <oj-chart \n        id=\"barChart\" \n        type=\"[[chartType]]\" \n        orientation=\"[[orientationValue]]\" \n        stack=\"[[stackValue]]\"\n        series=\"[[barSeriesValue]]\" \n        groups=\"[[barGroupsValue]]\" \n        animation-on-display=\"auto\"\n        animation-on-data-change=\"auto\" \n        hover-behavior=\"dim\" \n        style=\"max-width:650px;width:100%;height:350px;\">\n        <\/oj-chart>\n    <\/div>\n<\/div>\n<\/pre>\n\n\n\n
\n\nand the dashboard.js<\/strong><\/em> file looks like this\n\n<\/p>\n\n\n\n
\/*\n * Your dashboard ViewModel code goes here\n *\/\ndefine(['ojs\/ojcore', 'knockout', 'jquery', 'ojs\/ojchart','ojs\/ojselectcombobox'],\nfunction (oj, ko, $) {\n    function DashboardViewModel() {\n        var self = this;\n        \n        \/\/Setting choice list attribute\n        this.chartType = ko.observable(\"bar\");\n        \n        \/*Chart Properties*\/\n        self.stackValue = ko.observable('off');\n        self.orientationValue = ko.observable('vertical');\n        \/* chart data *\/\n        var barSeries = [\n        {name : \"Finance\", items : [42000, 55000]},\n        {name : \"Purchase\", items : [55000, 70000]},\n        {name : \"Service\", items : [36000, 50000]},\n        {name : \"Administration\", items : [28000, 65000]},\n        {name : \"HR\", items : [25000, 60000]}\n        ];\n        var barGroups = [\"Average Salary\", \"Max Salary\"];\n        self.barSeriesValue = ko.observableArray(barSeries);\n        self.barGroupsValue = ko.observableArray(barGroups);\n       .\n       .\n       .\n<\/pre>\n\n\n\n
\n\nNow run and try changing chart type from the choice list\n\n<\/p>\n\n\n\n
\"Chart<\/figure><\/div>\n\n\n\n
\"Chart<\/figure><\/div>\n\n\n\n
You can download the Sample Oracle JET Application here<\/a>, its approx 13mb as JET library filed are included in the project<\/p>\n\n\n\n
Cheers  Happy Learning<\/strong><\/p>\n\n\n\n
\n\n\n\n
\n
Published on Web Code Geeks with permission by Ashish Awasthi, partner at our WCG program<\/a>. See the original article here: Working with Oracle JET Chart Component<\/a><\/p>\n
Opinions expressed by Web Code Geeks contributors are their own.<\/p>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n","protected":false},"excerpt":{"rendered":"
In this post, we\u2019ll see how to use Oracle JET Chart (oj-chart) Component and its various properties. Here I am using Oracle JET with JDeveloper 12.1.3. To learn more about using JET with JDeveloper refer my previous post Goto Oracle JET Cookbook and read the whole recipe of Bar Chart, Here you\u2019ll learn about basic properties …<\/p>\n","protected":false},"author":12692,"featured_media":920,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[9],"tags":[562],"class_list":["post-24490","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-javascript","tag-oracle-jet"],"yoast_head":"\nWorking with Oracle JET Chart Component - Web Code Geeks - 2026<\/title>\n<meta name=\"description\" content=\"Interested to learn about Chart Component? Check our article explaining how to use Oracle JET Chart (oj-chart) Component and its various properties.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.webcodegeeks.com\/javascript\/working-oracle-jet-chart-component\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Working with Oracle JET Chart Component - Web Code Geeks - 2026\" \/>\n<meta property=\"og:description\" content=\"Interested to learn about Chart Component? Check our article explaining how to use Oracle JET Chart (oj-chart) Component and its various properties.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.webcodegeeks.com\/javascript\/working-oracle-jet-chart-component\/\" \/>\n<meta property=\"og:site_name\" content=\"Web Code Geeks\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/webcodegeeks\" \/>\n<meta property=\"article:author\" content=\"https:\/\/facebook.com\/ashhish000\" \/>\n<meta property=\"article:published_time\" content=\"2019-04-23T09:15:16+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.webcodegeeks.com\/wp-content\/uploads\/2014\/10\/js-logo.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"150\" \/>\n\t<meta property=\"og:image:height\" content=\"150\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Ashish Awasthi\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@ashish__awasthi\" \/>\n<meta name=\"twitter:site\" content=\"@webcodegeeks\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Ashish Awasthi\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"3 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/www.webcodegeeks.com\/javascript\/working-oracle-jet-chart-component\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.webcodegeeks.com\/javascript\/working-oracle-jet-chart-component\/\"},\"author\":{\"name\":\"Ashish Awasthi\",\"@id\":\"https:\/\/www.webcodegeeks.com\/#\/schema\/person\/746b746daf99d152148eca75446941c0\"},\"headline\":\"Working with Oracle JET Chart Component\",\"datePublished\":\"2019-04-23T09:15:16+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.webcodegeeks.com\/javascript\/working-oracle-jet-chart-component\/\"},\"wordCount\":333,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/www.webcodegeeks.com\/#organization\"},\"image\":{\"@id\":\"https:\/\/www.webcodegeeks.com\/javascript\/working-oracle-jet-chart-component\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.webcodegeeks.com\/wp-content\/uploads\/2014\/10\/js-logo.jpg\",\"keywords\":[\"Oracle JET\"],\"articleSection\":[\"JavaScript\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/www.webcodegeeks.com\/javascript\/working-oracle-jet-chart-component\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.webcodegeeks.com\/javascript\/working-oracle-jet-chart-component\/\",\"url\":\"https:\/\/www.webcodegeeks.com\/javascript\/working-oracle-jet-chart-component\/\",\"name\":\"Working with Oracle JET Chart Component - Web Code Geeks - 2026\",\"isPartOf\":{\"@id\":\"https:\/\/www.webcodegeeks.com\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.webcodegeeks.com\/javascript\/working-oracle-jet-chart-component\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.webcodegeeks.com\/javascript\/working-oracle-jet-chart-component\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.webcodegeeks.com\/wp-content\/uploads\/2014\/10\/js-logo.jpg\",\"datePublished\":\"2019-04-23T09:15:16+00:00\",\"description\":\"Interested to learn about Chart Component? Check our article explaining how to use Oracle JET Chart (oj-chart) Component and its various properties.\",\"breadcrumb\":{\"@id\":\"https:\/\/www.webcodegeeks.com\/javascript\/working-oracle-jet-chart-component\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.webcodegeeks.com\/javascript\/working-oracle-jet-chart-component\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.webcodegeeks.com\/javascript\/working-oracle-jet-chart-component\/#primaryimage\",\"url\":\"https:\/\/www.webcodegeeks.com\/wp-content\/uploads\/2014\/10\/js-logo.jpg\",\"contentUrl\":\"https:\/\/www.webcodegeeks.com\/wp-content\/uploads\/2014\/10\/js-logo.jpg\",\"width\":150,\"height\":150},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.webcodegeeks.com\/javascript\/working-oracle-jet-chart-component\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.webcodegeeks.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"JavaScript\",\"item\":\"https:\/\/www.webcodegeeks.com\/category\/javascript\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Working with Oracle JET Chart Component\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.webcodegeeks.com\/#website\",\"url\":\"https:\/\/www.webcodegeeks.com\/\",\"name\":\"Web Code Geeks\",\"description\":\"Web Developers Resource Center\",\"publisher\":{\"@id\":\"https:\/\/www.webcodegeeks.com\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.webcodegeeks.com\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.webcodegeeks.com\/#organization\",\"name\":\"Exelixis Media P.C.\",\"url\":\"https:\/\/www.webcodegeeks.com\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.webcodegeeks.com\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/www.webcodegeeks.com\/wp-content\/uploads\/2022\/06\/exelixis-logo.png\",\"contentUrl\":\"https:\/\/www.webcodegeeks.com\/wp-content\/uploads\/2022\/06\/exelixis-logo.png\",\"width\":864,\"height\":246,\"caption\":\"Exelixis Media P.C.\"},\"image\":{\"@id\":\"https:\/\/www.webcodegeeks.com\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/webcodegeeks\",\"https:\/\/x.com\/webcodegeeks\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.webcodegeeks.com\/#\/schema\/person\/746b746daf99d152148eca75446941c0\",\"name\":\"Ashish Awasthi\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.webcodegeeks.com\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/f7d5962e721af4cb01df8f894447ad50c65cb662e5b4b21332f3c4210eb052c2?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/f7d5962e721af4cb01df8f894447ad50c65cb662e5b4b21332f3c4210eb052c2?s=96&d=mm&r=g\",\"caption\":\"Ashish Awasthi\"},\"description\":\"An Oracle ACE, Blogger, Reviewer, Technical Lead working on Oracle ADF\",\"sameAs\":[\"http:\/\/www.awasthiashish.com\",\"https:\/\/facebook.com\/ashhish000\",\"https:\/\/www.linkedin.com\/in\/ashishkumarawasthi\/\",\"https:\/\/x.com\/ashish__awasthi\"],\"url\":\"https:\/\/www.webcodegeeks.com\/author\/ashish-awasthi\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Working with Oracle JET Chart Component - Web Code Geeks - 2026","description":"Interested to learn about Chart Component? Check our article explaining how to use Oracle JET Chart (oj-chart) Component and its various properties.","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:\/\/www.webcodegeeks.com\/javascript\/working-oracle-jet-chart-component\/","og_locale":"en_US","og_type":"article","og_title":"Working with Oracle JET Chart Component - Web Code Geeks - 2026","og_description":"Interested to learn about Chart Component? Check our article explaining how to use Oracle JET Chart (oj-chart) Component and its various properties.","og_url":"https:\/\/www.webcodegeeks.com\/javascript\/working-oracle-jet-chart-component\/","og_site_name":"Web Code Geeks","article_publisher":"https:\/\/www.facebook.com\/webcodegeeks","article_author":"https:\/\/facebook.com\/ashhish000","article_published_time":"2019-04-23T09:15:16+00:00","og_image":[{"width":150,"height":150,"url":"https:\/\/www.webcodegeeks.com\/wp-content\/uploads\/2014\/10\/js-logo.jpg","type":"image\/jpeg"}],"author":"Ashish Awasthi","twitter_card":"summary_large_image","twitter_creator":"@ashish__awasthi","twitter_site":"@webcodegeeks","twitter_misc":{"Written by":"Ashish Awasthi","Est. reading time":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.webcodegeeks.com\/javascript\/working-oracle-jet-chart-component\/#article","isPartOf":{"@id":"https:\/\/www.webcodegeeks.com\/javascript\/working-oracle-jet-chart-component\/"},"author":{"name":"Ashish Awasthi","@id":"https:\/\/www.webcodegeeks.com\/#\/schema\/person\/746b746daf99d152148eca75446941c0"},"headline":"Working with Oracle JET Chart Component","datePublished":"2019-04-23T09:15:16+00:00","mainEntityOfPage":{"@id":"https:\/\/www.webcodegeeks.com\/javascript\/working-oracle-jet-chart-component\/"},"wordCount":333,"commentCount":0,"publisher":{"@id":"https:\/\/www.webcodegeeks.com\/#organization"},"image":{"@id":"https:\/\/www.webcodegeeks.com\/javascript\/working-oracle-jet-chart-component\/#primaryimage"},"thumbnailUrl":"https:\/\/www.webcodegeeks.com\/wp-content\/uploads\/2014\/10\/js-logo.jpg","keywords":["Oracle JET"],"articleSection":["JavaScript"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.webcodegeeks.com\/javascript\/working-oracle-jet-chart-component\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.webcodegeeks.com\/javascript\/working-oracle-jet-chart-component\/","url":"https:\/\/www.webcodegeeks.com\/javascript\/working-oracle-jet-chart-component\/","name":"Working with Oracle JET Chart Component - Web Code Geeks - 2026","isPartOf":{"@id":"https:\/\/www.webcodegeeks.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.webcodegeeks.com\/javascript\/working-oracle-jet-chart-component\/#primaryimage"},"image":{"@id":"https:\/\/www.webcodegeeks.com\/javascript\/working-oracle-jet-chart-component\/#primaryimage"},"thumbnailUrl":"https:\/\/www.webcodegeeks.com\/wp-content\/uploads\/2014\/10\/js-logo.jpg","datePublished":"2019-04-23T09:15:16+00:00","description":"Interested to learn about Chart Component? Check our article explaining how to use Oracle JET Chart (oj-chart) Component and its various properties.","breadcrumb":{"@id":"https:\/\/www.webcodegeeks.com\/javascript\/working-oracle-jet-chart-component\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.webcodegeeks.com\/javascript\/working-oracle-jet-chart-component\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.webcodegeeks.com\/javascript\/working-oracle-jet-chart-component\/#primaryimage","url":"https:\/\/www.webcodegeeks.com\/wp-content\/uploads\/2014\/10\/js-logo.jpg","contentUrl":"https:\/\/www.webcodegeeks.com\/wp-content\/uploads\/2014\/10\/js-logo.jpg","width":150,"height":150},{"@type":"BreadcrumbList","@id":"https:\/\/www.webcodegeeks.com\/javascript\/working-oracle-jet-chart-component\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.webcodegeeks.com\/"},{"@type":"ListItem","position":2,"name":"JavaScript","item":"https:\/\/www.webcodegeeks.com\/category\/javascript\/"},{"@type":"ListItem","position":3,"name":"Working with Oracle JET Chart Component"}]},{"@type":"WebSite","@id":"https:\/\/www.webcodegeeks.com\/#website","url":"https:\/\/www.webcodegeeks.com\/","name":"Web Code Geeks","description":"Web Developers Resource Center","publisher":{"@id":"https:\/\/www.webcodegeeks.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.webcodegeeks.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.webcodegeeks.com\/#organization","name":"Exelixis Media P.C.","url":"https:\/\/www.webcodegeeks.com\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.webcodegeeks.com\/#\/schema\/logo\/image\/","url":"https:\/\/www.webcodegeeks.com\/wp-content\/uploads\/2022\/06\/exelixis-logo.png","contentUrl":"https:\/\/www.webcodegeeks.com\/wp-content\/uploads\/2022\/06\/exelixis-logo.png","width":864,"height":246,"caption":"Exelixis Media P.C."},"image":{"@id":"https:\/\/www.webcodegeeks.com\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/webcodegeeks","https:\/\/x.com\/webcodegeeks"]},{"@type":"Person","@id":"https:\/\/www.webcodegeeks.com\/#\/schema\/person\/746b746daf99d152148eca75446941c0","name":"Ashish Awasthi","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.webcodegeeks.com\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/f7d5962e721af4cb01df8f894447ad50c65cb662e5b4b21332f3c4210eb052c2?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/f7d5962e721af4cb01df8f894447ad50c65cb662e5b4b21332f3c4210eb052c2?s=96&d=mm&r=g","caption":"Ashish Awasthi"},"description":"An Oracle ACE, Blogger, Reviewer, Technical Lead working on Oracle ADF","sameAs":["http:\/\/www.awasthiashish.com","https:\/\/facebook.com\/ashhish000","https:\/\/www.linkedin.com\/in\/ashishkumarawasthi\/","https:\/\/x.com\/ashish__awasthi"],"url":"https:\/\/www.webcodegeeks.com\/author\/ashish-awasthi\/"}]}},"_links":{"self":[{"href":"https:\/\/www.webcodegeeks.com\/wp-json\/wp\/v2\/posts\/24490","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.webcodegeeks.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.webcodegeeks.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.webcodegeeks.com\/wp-json\/wp\/v2\/users\/12692"}],"replies":[{"embeddable":true,"href":"https:\/\/www.webcodegeeks.com\/wp-json\/wp\/v2\/comments?post=24490"}],"version-history":[{"count":0,"href":"https:\/\/www.webcodegeeks.com\/wp-json\/wp\/v2\/posts\/24490\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.webcodegeeks.com\/wp-json\/wp\/v2\/media\/920"}],"wp:attachment":[{"href":"https:\/\/www.webcodegeeks.com\/wp-json\/wp\/v2\/media?parent=24490"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.webcodegeeks.com\/wp-json\/wp\/v2\/categories?post=24490"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.webcodegeeks.com\/wp-json\/wp\/v2\/tags?post=24490"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}