{"id":4573,"date":"2017-09-20T09:02:52","date_gmt":"2017-09-20T09:02:52","guid":{"rendered":"https:\/\/www.anychart.com\/blog\/?p=4573"},"modified":"2017-09-20T09:02:52","modified_gmt":"2017-09-20T09:02:52","slug":"chart-for-angular-4-ionic-java-gwt-apps","status":"publish","type":"post","link":"https:\/\/www.anychart.com\/blog\/2017\/09\/20\/chart-for-angular-4-ionic-java-gwt-apps\/","title":{"rendered":"Chart for Angular 4, Ionic, Java GWT Apps: Meet New AnyChart JS Charts Integration Samples!"},"content":{"rendered":"

\"ChartWe at AnyChart continue to do our best to help you get interactive JavaScript charts in your HTML5 projects up and running very quickly no matter what technology stack you are into. In addition to the detailed and all-embracing chart documentation<\/a> as well as the user and data friendly substance inherent in our data visualization solutions<\/a>, we already created a number of dedicated plugins<\/a> and integration samples<\/a>. Using them will save you time and development effort to run AnyChart JS Charts on top of your technology stack.<\/p>\n

Here’s another step in this direction. Now we are glad to deliver three new technical integration samples<\/strong>! These are designed for quickly and easily getting any chart for Angular 4, Ionic, and Java GWT apps<\/strong>\u00a0with the help of advanced AnyChart’s JavaScript charting libraries.<\/p>\n

<\/p>\n

Build Any Chart for Angular 4-based Apps<\/h2>\n

\"Angular<\/a><\/p>\n

First, we’ve added a special example of integrating AnyChart with Angular 4<\/strong>!<\/p>\n

Simply clone the corresponding GitHub repository, navigate to the folder with the repository, install all that’s required \u2013 and launch the demo in your browser to get a clear idea of the best way to follow.<\/p>\n

For details, visit our dedicated AnyChart-Angular 4 integration<\/a> page.<\/p>\n

Create Any Chart for Ionic Framework-based Apps<\/h2>\n

\"Ionic<\/a><\/p>\n

Ionic Framework<\/strong> is a very popular platform for HTML5 app development. So we know that a number of our existing and future customers<\/a> will be excited about getting this integration sample. It shows how to run AnyChart along with Ionic built on top of Angular 4.<\/p>\n

Just head to the AnyChart-Ionic integration<\/a> page on our website and read the instructions on how to run the sample.\u00a0Another real quick tutorial in the second part explains how to run mobile applications on emulators.<\/p>\n

Make Any Chart for Java GWT-based Apps<\/h2>\n

\"Java<\/a><\/p>\n

The third brand new integration we’ve released this time is the basic AnyChart-Java-GWT template<\/a>.<\/p>\n

Run the example according to\u00a0our instructions and you’ll quickly (and clearly) understand how to\u00a0use the AnyChart JavaScript charting library with the Java<\/strong> programming language using Maven, Servlets, JDBC,\u00a0and GWT along with the MySQL database.<\/p>\n

***<\/p>\n

You are welcome to start making good use of these new AnyChart JS Charts integration\u00a0samples to quickly build one or another certain dashboard\u00a0or chart for Angular 4,\u00a0Java GWT, or Ionic Framework-based applications. Any questions on using them or requests for adding some different one, go get in touch with our Support Team<\/a>. It is always fast to respond and attentive to every certain request coming from you, our dear customers.<\/p>\n

In the meantime, we are also happy to\u00a0tell you that AnyChart 8<\/strong>, the brand new, module-based generation of our JavaScript charting libraries is coming very soon<\/strong>.\u00a0Check out the roadmap<\/a> to learn more and stay tuned for updates on our blog<\/a> as well as on Twitter<\/a>, Facebook<\/a>, and LinkedIn<\/a> to be among the very first to discover the amazing AnyChart 8.0.0.<\/p>\n","protected":false},"excerpt":{"rendered":"

We at AnyChart continue to do our best to help you get interactive JavaScript charts in your HTML5 projects up and running very quickly no matter what technology stack you are into. In addition to the detailed and all-embracing chart documentation as well as the user and data friendly substance inherent in our data visualization […]<\/p>\n","protected":false},"author":9,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[5,13,3,4],"tags":[53,49,54,55,77,141,81,57,76,58,30],"class_list":["post-4573","post","type-post","status-publish","format-standard","hentry","category-anychart-charting-component","category-javascript","category-news","category-tips-and-tricks","tag-anychart","tag-dashboards","tag-data-visualization","tag-html5-charts","tag-html5-dashboards","tag-javascript-charting","tag-javascript-charting-library","tag-javascript-charts","tag-javascript-dashboards","tag-js-chart","tag-tips-and-tricks","wpautop"],"yoast_head":"\nChart for Angular 4, Ionic, Java GWT Apps: New AnyChart JS Integrations<\/title>\n<meta name=\"description\" content=\"We are glad to deliver three new technical integration samples! These are for quickly and easily getting any chart for Angular 4, Ionic, and Java GWT apps.\" \/>\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.anychart.com\/blog\/2017\/09\/20\/chart-for-angular-4-ionic-java-gwt-apps\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Chart for Angular 4, Ionic, Java GWT Apps: New AnyChart JS Integrations\" \/>\n<meta property=\"og:description\" content=\"We are glad to deliver three new technical integration samples! These are for quickly and easily getting any chart for Angular 4, Ionic, and Java GWT apps.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.anychart.com\/blog\/2017\/09\/20\/chart-for-angular-4-ionic-java-gwt-apps\/\" \/>\n<meta property=\"og:site_name\" content=\"AnyChart News\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/AnyCharts\" \/>\n<meta property=\"article:published_time\" content=\"2017-09-20T09:02:52+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.anychart.com\/blog\/wp-content\/uploads\/2017\/09\/chart-for-ionic-angular-4-java-gwt-new-integration-samples-for-AnyChart-JS-charts-1.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1101\" \/>\n\t<meta property=\"og:image:height\" content=\"531\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"AnyChart Team\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@AnyChart\" \/>\n<meta name=\"twitter:site\" content=\"@AnyChart\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"AnyChart Team\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/www.anychart.com\/blog\/2017\/09\/20\/chart-for-angular-4-ionic-java-gwt-apps\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.anychart.com\/blog\/2017\/09\/20\/chart-for-angular-4-ionic-java-gwt-apps\/\"},\"author\":{\"name\":\"AnyChart Team\",\"@id\":\"https:\/\/www.anychart.com\/blog\/#\/schema\/person\/2470e26e58231357db6d9993ecd6461b\"},\"headline\":\"Chart for Angular 4, Ionic, Java GWT Apps: Meet New AnyChart JS Charts Integration Samples!\",\"datePublished\":\"2017-09-20T09:02:52+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.anychart.com\/blog\/2017\/09\/20\/chart-for-angular-4-ionic-java-gwt-apps\/\"},\"wordCount\":489,\"commentCount\":0,\"image\":{\"@id\":\"https:\/\/www.anychart.com\/blog\/2017\/09\/20\/chart-for-angular-4-ionic-java-gwt-apps\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.anychart.com\/blog\/wp-content\/uploads\/2017\/09\/chart-for-ionic-angular-4-java-gwt-new-integration-samples-for-AnyChart-JS-charts-1.png\",\"keywords\":[\"AnyChart\",\"Dashboards\",\"Data Visualization\",\"html5 charts\",\"html5 dashboards\",\"javascript charting\",\"JavaScript charting library\",\"javascript charts\",\"javascript dashboards\",\"js chart\",\"Tips and tricks\"],\"articleSection\":[\"AnyChart Charting Component\",\"JavaScript\",\"News\",\"Tips and Tricks\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/www.anychart.com\/blog\/2017\/09\/20\/chart-for-angular-4-ionic-java-gwt-apps\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.anychart.com\/blog\/2017\/09\/20\/chart-for-angular-4-ionic-java-gwt-apps\/\",\"url\":\"https:\/\/www.anychart.com\/blog\/2017\/09\/20\/chart-for-angular-4-ionic-java-gwt-apps\/\",\"name\":\"Chart for Angular 4, Ionic, Java GWT Apps: New AnyChart JS Integrations\",\"isPartOf\":{\"@id\":\"https:\/\/www.anychart.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.anychart.com\/blog\/2017\/09\/20\/chart-for-angular-4-ionic-java-gwt-apps\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.anychart.com\/blog\/2017\/09\/20\/chart-for-angular-4-ionic-java-gwt-apps\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.anychart.com\/blog\/wp-content\/uploads\/2017\/09\/chart-for-ionic-angular-4-java-gwt-new-integration-samples-for-AnyChart-JS-charts-1.png\",\"datePublished\":\"2017-09-20T09:02:52+00:00\",\"author\":{\"@id\":\"https:\/\/www.anychart.com\/blog\/#\/schema\/person\/2470e26e58231357db6d9993ecd6461b\"},\"description\":\"We are glad to deliver three new technical integration samples! These are for quickly and easily getting any chart for Angular 4, Ionic, and Java GWT apps.\",\"breadcrumb\":{\"@id\":\"https:\/\/www.anychart.com\/blog\/2017\/09\/20\/chart-for-angular-4-ionic-java-gwt-apps\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.anychart.com\/blog\/2017\/09\/20\/chart-for-angular-4-ionic-java-gwt-apps\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.anychart.com\/blog\/2017\/09\/20\/chart-for-angular-4-ionic-java-gwt-apps\/#primaryimage\",\"url\":\"https:\/\/www.anychart.com\/blog\/wp-content\/uploads\/2017\/09\/chart-for-ionic-angular-4-java-gwt-new-integration-samples-for-AnyChart-JS-charts-1.png\",\"contentUrl\":\"https:\/\/www.anychart.com\/blog\/wp-content\/uploads\/2017\/09\/chart-for-ionic-angular-4-java-gwt-new-integration-samples-for-AnyChart-JS-charts-1.png\",\"width\":1101,\"height\":531},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.anychart.com\/blog\/2017\/09\/20\/chart-for-angular-4-ionic-java-gwt-apps\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.anychart.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Chart for Angular 4, Ionic, Java GWT Apps: Meet New AnyChart JS Charts Integration Samples!\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.anychart.com\/blog\/#website\",\"url\":\"https:\/\/www.anychart.com\/blog\/\",\"name\":\"AnyChart News\",\"description\":\"AnyChart JS Charts\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.anychart.com\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.anychart.com\/blog\/#\/schema\/person\/2470e26e58231357db6d9993ecd6461b\",\"name\":\"AnyChart Team\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.anychart.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/4faeb24a1b553a1b071b765bfad138c00441a955b3a631c7564624ceeafdf884?s=96&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/4faeb24a1b553a1b071b765bfad138c00441a955b3a631c7564624ceeafdf884?s=96&r=g\",\"caption\":\"AnyChart Team\"},\"sameAs\":[\"https:\/\/www.anychart.com\"],\"url\":\"https:\/\/www.anychart.com\/blog\/author\/andrey-khachaturov\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Chart for Angular 4, Ionic, Java GWT Apps: New AnyChart JS Integrations","description":"We are glad to deliver three new technical integration samples! These are for quickly and easily getting any chart for Angular 4, Ionic, and Java GWT apps.","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.anychart.com\/blog\/2017\/09\/20\/chart-for-angular-4-ionic-java-gwt-apps\/","og_locale":"en_US","og_type":"article","og_title":"Chart for Angular 4, Ionic, Java GWT Apps: New AnyChart JS Integrations","og_description":"We are glad to deliver three new technical integration samples! These are for quickly and easily getting any chart for Angular 4, Ionic, and Java GWT apps.","og_url":"https:\/\/www.anychart.com\/blog\/2017\/09\/20\/chart-for-angular-4-ionic-java-gwt-apps\/","og_site_name":"AnyChart News","article_publisher":"https:\/\/www.facebook.com\/AnyCharts","article_published_time":"2017-09-20T09:02:52+00:00","og_image":[{"width":1101,"height":531,"url":"https:\/\/www.anychart.com\/blog\/wp-content\/uploads\/2017\/09\/chart-for-ionic-angular-4-java-gwt-new-integration-samples-for-AnyChart-JS-charts-1.png","type":"image\/png"}],"author":"AnyChart Team","twitter_card":"summary_large_image","twitter_creator":"@AnyChart","twitter_site":"@AnyChart","twitter_misc":{"Written by":"AnyChart Team","Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.anychart.com\/blog\/2017\/09\/20\/chart-for-angular-4-ionic-java-gwt-apps\/#article","isPartOf":{"@id":"https:\/\/www.anychart.com\/blog\/2017\/09\/20\/chart-for-angular-4-ionic-java-gwt-apps\/"},"author":{"name":"AnyChart Team","@id":"https:\/\/www.anychart.com\/blog\/#\/schema\/person\/2470e26e58231357db6d9993ecd6461b"},"headline":"Chart for Angular 4, Ionic, Java GWT Apps: Meet New AnyChart JS Charts Integration Samples!","datePublished":"2017-09-20T09:02:52+00:00","mainEntityOfPage":{"@id":"https:\/\/www.anychart.com\/blog\/2017\/09\/20\/chart-for-angular-4-ionic-java-gwt-apps\/"},"wordCount":489,"commentCount":0,"image":{"@id":"https:\/\/www.anychart.com\/blog\/2017\/09\/20\/chart-for-angular-4-ionic-java-gwt-apps\/#primaryimage"},"thumbnailUrl":"https:\/\/www.anychart.com\/blog\/wp-content\/uploads\/2017\/09\/chart-for-ionic-angular-4-java-gwt-new-integration-samples-for-AnyChart-JS-charts-1.png","keywords":["AnyChart","Dashboards","Data Visualization","html5 charts","html5 dashboards","javascript charting","JavaScript charting library","javascript charts","javascript dashboards","js chart","Tips and tricks"],"articleSection":["AnyChart Charting Component","JavaScript","News","Tips and Tricks"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.anychart.com\/blog\/2017\/09\/20\/chart-for-angular-4-ionic-java-gwt-apps\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.anychart.com\/blog\/2017\/09\/20\/chart-for-angular-4-ionic-java-gwt-apps\/","url":"https:\/\/www.anychart.com\/blog\/2017\/09\/20\/chart-for-angular-4-ionic-java-gwt-apps\/","name":"Chart for Angular 4, Ionic, Java GWT Apps: New AnyChart JS Integrations","isPartOf":{"@id":"https:\/\/www.anychart.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.anychart.com\/blog\/2017\/09\/20\/chart-for-angular-4-ionic-java-gwt-apps\/#primaryimage"},"image":{"@id":"https:\/\/www.anychart.com\/blog\/2017\/09\/20\/chart-for-angular-4-ionic-java-gwt-apps\/#primaryimage"},"thumbnailUrl":"https:\/\/www.anychart.com\/blog\/wp-content\/uploads\/2017\/09\/chart-for-ionic-angular-4-java-gwt-new-integration-samples-for-AnyChart-JS-charts-1.png","datePublished":"2017-09-20T09:02:52+00:00","author":{"@id":"https:\/\/www.anychart.com\/blog\/#\/schema\/person\/2470e26e58231357db6d9993ecd6461b"},"description":"We are glad to deliver three new technical integration samples! These are for quickly and easily getting any chart for Angular 4, Ionic, and Java GWT apps.","breadcrumb":{"@id":"https:\/\/www.anychart.com\/blog\/2017\/09\/20\/chart-for-angular-4-ionic-java-gwt-apps\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.anychart.com\/blog\/2017\/09\/20\/chart-for-angular-4-ionic-java-gwt-apps\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.anychart.com\/blog\/2017\/09\/20\/chart-for-angular-4-ionic-java-gwt-apps\/#primaryimage","url":"https:\/\/www.anychart.com\/blog\/wp-content\/uploads\/2017\/09\/chart-for-ionic-angular-4-java-gwt-new-integration-samples-for-AnyChart-JS-charts-1.png","contentUrl":"https:\/\/www.anychart.com\/blog\/wp-content\/uploads\/2017\/09\/chart-for-ionic-angular-4-java-gwt-new-integration-samples-for-AnyChart-JS-charts-1.png","width":1101,"height":531},{"@type":"BreadcrumbList","@id":"https:\/\/www.anychart.com\/blog\/2017\/09\/20\/chart-for-angular-4-ionic-java-gwt-apps\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.anychart.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Chart for Angular 4, Ionic, Java GWT Apps: Meet New AnyChart JS Charts Integration Samples!"}]},{"@type":"WebSite","@id":"https:\/\/www.anychart.com\/blog\/#website","url":"https:\/\/www.anychart.com\/blog\/","name":"AnyChart News","description":"AnyChart JS Charts","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.anychart.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/www.anychart.com\/blog\/#\/schema\/person\/2470e26e58231357db6d9993ecd6461b","name":"AnyChart Team","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.anychart.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/4faeb24a1b553a1b071b765bfad138c00441a955b3a631c7564624ceeafdf884?s=96&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/4faeb24a1b553a1b071b765bfad138c00441a955b3a631c7564624ceeafdf884?s=96&r=g","caption":"AnyChart Team"},"sameAs":["https:\/\/www.anychart.com"],"url":"https:\/\/www.anychart.com\/blog\/author\/andrey-khachaturov\/"}]}},"_links":{"self":[{"href":"https:\/\/www.anychart.com\/blog\/wp-json\/wp\/v2\/posts\/4573","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.anychart.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.anychart.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.anychart.com\/blog\/wp-json\/wp\/v2\/users\/9"}],"replies":[{"embeddable":true,"href":"https:\/\/www.anychart.com\/blog\/wp-json\/wp\/v2\/comments?post=4573"}],"version-history":[{"count":18,"href":"https:\/\/www.anychart.com\/blog\/wp-json\/wp\/v2\/posts\/4573\/revisions"}],"predecessor-version":[{"id":4600,"href":"https:\/\/www.anychart.com\/blog\/wp-json\/wp\/v2\/posts\/4573\/revisions\/4600"}],"wp:attachment":[{"href":"https:\/\/www.anychart.com\/blog\/wp-json\/wp\/v2\/media?parent=4573"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.anychart.com\/blog\/wp-json\/wp\/v2\/categories?post=4573"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.anychart.com\/blog\/wp-json\/wp\/v2\/tags?post=4573"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}