{"id":10136,"date":"2018-07-20T11:43:10","date_gmt":"2018-07-20T09:43:10","guid":{"rendered":"https:\/\/www.graphomate.com\/?p=10136"},"modified":"2021-06-17T14:29:49","modified_gmt":"2021-06-17T12:29:49","slug":"charts-tables-for-ui5-2","status":"publish","type":"post","link":"https:\/\/www.graphomate.com\/en\/2018\/07\/charts-tables-for-ui5-2\/","title":{"rendered":"graphomate charts and tables for UI5"},"content":{"rendered":"<p>The UI Development Toolkit for HTML5 (SAPUI5 or UI5) is SAP&#8217;s HTML5 framework that helps software developers to create user interfaces and to visualize data. UI5 is increasingly used in SAP tools: for example in&nbsp;<em>Digital Boardroom<\/em>,&nbsp;<em>FIORI Launchpad<\/em>&nbsp;or the&nbsp;<em>Analytics&nbsp;<\/em><em>Cloud<\/em>. Furthermore, the framework has a large and active developer community.<\/p>\n<p>That&#8217;s why we also offer our well-known&nbsp;<em>graphomate charts<\/em>&nbsp;and&nbsp;<em>graphomate tables<\/em>&nbsp;as UI5 extensions. You can choose from 12 meaningful chart types and create clearly structured tables. Deviation axes for planned\/actual data representations can be added to both extensions. Beyond, it is possible to visualize IBCS as well as self-defined reporting standards. By using our new UI5 extensions you can enhance your web applications and business reports with meaningful visualizations or develop complete web dashboards.<\/p>\n<p>Since UI5 \u200b\u200bis not an end-user tool, it requires good skills in JavaScript, HTML and CSS. Developers, who have already worked with UI5, are able to create diagrams and tables very quickly because our extensions are optimally integrated and offer the same interfaces as the standard components. If needed, developers can refer to our <a href=\"https:\/\/graphomate.atlassian.net\/wiki\/x\/IgARAw\">extensive documentation<\/a> and the associated sample code.<\/p>\n<p>We are happy to provide you with trial versions of our UI5 extensions (you can request them via our <a href=\"https:\/\/www.graphomate.com\/en\/contact-trial\/\">trial request formular<\/a>) and we are curious to see how you will use them.<\/p>\n<p>Summer Greetings<br \/>\nTim<\/p>\n<p>_<\/p>\n<p><a  href=\"https:\/\/www.graphomate.com\/wp-content\/uploads\/2014\/04\/ccbync.png\" data-rel=\"lightbox-gallery-0\" data-rl_title=\"\" data-rl_caption=\"\" title=\"\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/www.graphomate.com\/wp-content\/uploads\/2014\/04\/ccbync.png\" alt=\"ccbync\" width=\"107\" height=\"43\"><\/a><br \/>\nThis file is licenced under the&nbsp;<a href=\"http:\/\/creativecommons.org\/licenses\/by-nc\/3.0\/\" target=\"_blank\" rel=\"noopener noreferrer\"><strong>Creative Commons-Licence<\/strong><\/a>.<\/p>\n","protected":false},"excerpt":{"rendered":"The UI Development Toolkit for HTML5 (SAPUI5 or UI5) is SAP&#8217;s HTML5 framework that helps software developers to create user interfaces and to visualize data. UI5 is increasingly used in SAP tools: for example in&nbsp;Digital Boardroom,&nbsp;FIORI Launchpad&nbsp;or the&nbsp;Analytics&nbsp;Cloud. Furthermore, the framework has a large and active developer community. That&#8217;s why we also offer our well-known&nbsp;graphomate","protected":false},"author":22,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[2,86],"tags":[],"class_list":["post post-type-post post-view- post-scope-","status-publish","post-format-standard","category-general","category-sapui5-en","clear"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.8 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>graphomate charts and tables for UI5 - graphomate<\/title>\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.graphomate.com\/en\/2018\/07\/charts-tables-for-ui5-2\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"graphomate charts and tables for UI5 - graphomate\" \/>\n<meta property=\"og:description\" content=\"The UI Development Toolkit for HTML5 (SAPUI5 or UI5) is SAP&#8217;s HTML5 framework that helps software developers to create user interfaces and to visualize data. UI5 is increasingly used in SAP tools: for example in&nbsp;Digital Boardroom,&nbsp;FIORI Launchpad&nbsp;or the&nbsp;Analytics&nbsp;Cloud. Furthermore, the framework has a large and active developer community. That&#8217;s why we also offer our well-known&nbsp;graphomate\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.graphomate.com\/en\/2018\/07\/charts-tables-for-ui5-2\/\" \/>\n<meta property=\"og:site_name\" content=\"graphomate\" \/>\n<meta property=\"article:published_time\" content=\"2018-07-20T09:43:10+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2021-06-17T12:29:49+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.graphomate.com\/wp-content\/uploads\/2014\/04\/ccbync.png\" \/>\n<meta name=\"author\" content=\"Tim\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@graphomate\" \/>\n<meta name=\"twitter:site\" content=\"@graphomate\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Tim\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.graphomate.com\\\/en\\\/2018\\\/07\\\/charts-tables-for-ui5-2\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.graphomate.com\\\/en\\\/2018\\\/07\\\/charts-tables-for-ui5-2\\\/\"},\"author\":{\"name\":\"Tim\",\"@id\":\"https:\\\/\\\/www.graphomate.com\\\/en\\\/#\\\/schema\\\/person\\\/f8f38abcadeda88f99a65adefcdd38de\"},\"headline\":\"graphomate charts and tables for UI5\",\"datePublished\":\"2018-07-20T09:43:10+00:00\",\"dateModified\":\"2021-06-17T12:29:49+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.graphomate.com\\\/en\\\/2018\\\/07\\\/charts-tables-for-ui5-2\\\/\"},\"wordCount\":252,\"publisher\":{\"@id\":\"https:\\\/\\\/www.graphomate.com\\\/en\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/www.graphomate.com\\\/en\\\/2018\\\/07\\\/charts-tables-for-ui5-2\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.graphomate.com\\\/wp-content\\\/uploads\\\/2014\\\/04\\\/ccbync.png\",\"articleSection\":[\"General\",\"SAPUI5\"],\"inLanguage\":\"en-US\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.graphomate.com\\\/en\\\/2018\\\/07\\\/charts-tables-for-ui5-2\\\/\",\"url\":\"https:\\\/\\\/www.graphomate.com\\\/en\\\/2018\\\/07\\\/charts-tables-for-ui5-2\\\/\",\"name\":\"graphomate charts and tables for UI5 - graphomate\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.graphomate.com\\\/en\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.graphomate.com\\\/en\\\/2018\\\/07\\\/charts-tables-for-ui5-2\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.graphomate.com\\\/en\\\/2018\\\/07\\\/charts-tables-for-ui5-2\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/www.graphomate.com\\\/wp-content\\\/uploads\\\/2014\\\/04\\\/ccbync.png\",\"datePublished\":\"2018-07-20T09:43:10+00:00\",\"dateModified\":\"2021-06-17T12:29:49+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.graphomate.com\\\/en\\\/2018\\\/07\\\/charts-tables-for-ui5-2\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.graphomate.com\\\/en\\\/2018\\\/07\\\/charts-tables-for-ui5-2\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.graphomate.com\\\/en\\\/2018\\\/07\\\/charts-tables-for-ui5-2\\\/#primaryimage\",\"url\":\"https:\\\/\\\/www.graphomate.com\\\/wp-content\\\/uploads\\\/2014\\\/04\\\/ccbync.png\",\"contentUrl\":\"https:\\\/\\\/www.graphomate.com\\\/wp-content\\\/uploads\\\/2014\\\/04\\\/ccbync.png\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.graphomate.com\\\/en\\\/2018\\\/07\\\/charts-tables-for-ui5-2\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Startseite\",\"item\":\"https:\\\/\\\/www.graphomate.com\\\/en\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"graphomate charts and tables for UI5\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.graphomate.com\\\/en\\\/#website\",\"url\":\"https:\\\/\\\/www.graphomate.com\\\/en\\\/\",\"name\":\"graphomate\",\"description\":\"Einfach und einheitlich IBCS Dashboards visualisieren\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.graphomate.com\\\/en\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.graphomate.com\\\/en\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.graphomate.com\\\/en\\\/#organization\",\"name\":\"graphomate Gmbh\",\"url\":\"https:\\\/\\\/www.graphomate.com\\\/en\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.graphomate.com\\\/en\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/www.graphomate.com\\\/wp-content\\\/uploads\\\/2021\\\/06\\\/graphomate_logo_2014_500px_transparent.png\",\"contentUrl\":\"https:\\\/\\\/www.graphomate.com\\\/wp-content\\\/uploads\\\/2021\\\/06\\\/graphomate_logo_2014_500px_transparent.png\",\"width\":500,\"height\":82,\"caption\":\"graphomate Gmbh\"},\"image\":{\"@id\":\"https:\\\/\\\/www.graphomate.com\\\/en\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/x.com\\\/graphomate\",\"https:\\\/\\\/www.linkedin.com\\\/company\\\/graphomate-gmbh\\\/\",\"https:\\\/\\\/www.youtube.com\\\/channel\\\/UCvrjaoVJ-xDFGLCAzKN_11Q\"]},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.graphomate.com\\\/en\\\/#\\\/schema\\\/person\\\/f8f38abcadeda88f99a65adefcdd38de\",\"name\":\"Tim\",\"url\":\"https:\\\/\\\/www.graphomate.com\\\/en\\\/author\\\/tschauder\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"graphomate charts and tables for UI5 - graphomate","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.graphomate.com\/en\/2018\/07\/charts-tables-for-ui5-2\/","og_locale":"en_US","og_type":"article","og_title":"graphomate charts and tables for UI5 - graphomate","og_description":"The UI Development Toolkit for HTML5 (SAPUI5 or UI5) is SAP&#8217;s HTML5 framework that helps software developers to create user interfaces and to visualize data. UI5 is increasingly used in SAP tools: for example in&nbsp;Digital Boardroom,&nbsp;FIORI Launchpad&nbsp;or the&nbsp;Analytics&nbsp;Cloud. Furthermore, the framework has a large and active developer community. That&#8217;s why we also offer our well-known&nbsp;graphomate","og_url":"https:\/\/www.graphomate.com\/en\/2018\/07\/charts-tables-for-ui5-2\/","og_site_name":"graphomate","article_published_time":"2018-07-20T09:43:10+00:00","article_modified_time":"2021-06-17T12:29:49+00:00","og_image":[{"url":"https:\/\/www.graphomate.com\/wp-content\/uploads\/2014\/04\/ccbync.png","type":"","width":"","height":""}],"author":"Tim","twitter_card":"summary_large_image","twitter_creator":"@graphomate","twitter_site":"@graphomate","twitter_misc":{"Written by":"Tim","Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.graphomate.com\/en\/2018\/07\/charts-tables-for-ui5-2\/#article","isPartOf":{"@id":"https:\/\/www.graphomate.com\/en\/2018\/07\/charts-tables-for-ui5-2\/"},"author":{"name":"Tim","@id":"https:\/\/www.graphomate.com\/en\/#\/schema\/person\/f8f38abcadeda88f99a65adefcdd38de"},"headline":"graphomate charts and tables for UI5","datePublished":"2018-07-20T09:43:10+00:00","dateModified":"2021-06-17T12:29:49+00:00","mainEntityOfPage":{"@id":"https:\/\/www.graphomate.com\/en\/2018\/07\/charts-tables-for-ui5-2\/"},"wordCount":252,"publisher":{"@id":"https:\/\/www.graphomate.com\/en\/#organization"},"image":{"@id":"https:\/\/www.graphomate.com\/en\/2018\/07\/charts-tables-for-ui5-2\/#primaryimage"},"thumbnailUrl":"https:\/\/www.graphomate.com\/wp-content\/uploads\/2014\/04\/ccbync.png","articleSection":["General","SAPUI5"],"inLanguage":"en-US"},{"@type":"WebPage","@id":"https:\/\/www.graphomate.com\/en\/2018\/07\/charts-tables-for-ui5-2\/","url":"https:\/\/www.graphomate.com\/en\/2018\/07\/charts-tables-for-ui5-2\/","name":"graphomate charts and tables for UI5 - graphomate","isPartOf":{"@id":"https:\/\/www.graphomate.com\/en\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.graphomate.com\/en\/2018\/07\/charts-tables-for-ui5-2\/#primaryimage"},"image":{"@id":"https:\/\/www.graphomate.com\/en\/2018\/07\/charts-tables-for-ui5-2\/#primaryimage"},"thumbnailUrl":"https:\/\/www.graphomate.com\/wp-content\/uploads\/2014\/04\/ccbync.png","datePublished":"2018-07-20T09:43:10+00:00","dateModified":"2021-06-17T12:29:49+00:00","breadcrumb":{"@id":"https:\/\/www.graphomate.com\/en\/2018\/07\/charts-tables-for-ui5-2\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.graphomate.com\/en\/2018\/07\/charts-tables-for-ui5-2\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.graphomate.com\/en\/2018\/07\/charts-tables-for-ui5-2\/#primaryimage","url":"https:\/\/www.graphomate.com\/wp-content\/uploads\/2014\/04\/ccbync.png","contentUrl":"https:\/\/www.graphomate.com\/wp-content\/uploads\/2014\/04\/ccbync.png"},{"@type":"BreadcrumbList","@id":"https:\/\/www.graphomate.com\/en\/2018\/07\/charts-tables-for-ui5-2\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Startseite","item":"https:\/\/www.graphomate.com\/en\/"},{"@type":"ListItem","position":2,"name":"graphomate charts and tables for UI5"}]},{"@type":"WebSite","@id":"https:\/\/www.graphomate.com\/en\/#website","url":"https:\/\/www.graphomate.com\/en\/","name":"graphomate","description":"Einfach und einheitlich IBCS Dashboards visualisieren","publisher":{"@id":"https:\/\/www.graphomate.com\/en\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.graphomate.com\/en\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.graphomate.com\/en\/#organization","name":"graphomate Gmbh","url":"https:\/\/www.graphomate.com\/en\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.graphomate.com\/en\/#\/schema\/logo\/image\/","url":"https:\/\/www.graphomate.com\/wp-content\/uploads\/2021\/06\/graphomate_logo_2014_500px_transparent.png","contentUrl":"https:\/\/www.graphomate.com\/wp-content\/uploads\/2021\/06\/graphomate_logo_2014_500px_transparent.png","width":500,"height":82,"caption":"graphomate Gmbh"},"image":{"@id":"https:\/\/www.graphomate.com\/en\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/x.com\/graphomate","https:\/\/www.linkedin.com\/company\/graphomate-gmbh\/","https:\/\/www.youtube.com\/channel\/UCvrjaoVJ-xDFGLCAzKN_11Q"]},{"@type":"Person","@id":"https:\/\/www.graphomate.com\/en\/#\/schema\/person\/f8f38abcadeda88f99a65adefcdd38de","name":"Tim","url":"https:\/\/www.graphomate.com\/en\/author\/tschauder\/"}]}},"_links":{"self":[{"href":"https:\/\/www.graphomate.com\/en\/wp-json\/wp\/v2\/posts\/10136","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.graphomate.com\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.graphomate.com\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.graphomate.com\/en\/wp-json\/wp\/v2\/users\/22"}],"replies":[{"embeddable":true,"href":"https:\/\/www.graphomate.com\/en\/wp-json\/wp\/v2\/comments?post=10136"}],"version-history":[{"count":1,"href":"https:\/\/www.graphomate.com\/en\/wp-json\/wp\/v2\/posts\/10136\/revisions"}],"predecessor-version":[{"id":14843,"href":"https:\/\/www.graphomate.com\/en\/wp-json\/wp\/v2\/posts\/10136\/revisions\/14843"}],"wp:attachment":[{"href":"https:\/\/www.graphomate.com\/en\/wp-json\/wp\/v2\/media?parent=10136"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.graphomate.com\/en\/wp-json\/wp\/v2\/categories?post=10136"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.graphomate.com\/en\/wp-json\/wp\/v2\/tags?post=10136"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}