{"id":16437,"date":"2017-10-31T16:52:14","date_gmt":"2017-10-31T11:22:14","guid":{"rendered":"http:\/\/www.fusioncharts.com\/blog\/?p=16437"},"modified":"2026-01-20T14:41:57","modified_gmt":"2026-01-20T09:11:57","slug":"spring-framework-charts","status":"publish","type":"post","link":"https:\/\/www.fusioncharts.com\/blog\/spring-framework-charts\/","title":{"rendered":"Charting in Spring Framework: All You Need to Know 2026"},"content":{"rendered":"Spring is a well-known framework with features that allow developers to concentrate on the actual code of their application rather than worrying about configuring configuration files, mapping, and other infrastructure details.\r\n\r\nFusionCharts Suite XT includes a collection of JavaScript charts that accept data in simple XML and JSON formats. Furthermore, the charts in the package can be created with the Spring framework.\r\n\r\nIn this post, we&#8217;ll go over a tutorial that will teach you how to create charts in the Spring framework using a <a href=\"https:\/\/www.fusioncharts.com\/charts\/realtime-charts\/line-chart\">Graph Maker<\/a> and fusioncharts.\r\n<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_71 counter-hierarchy ez-toc-counter ez-toc-grey ez-toc-container-direction\">\n<div class=\"ez-toc-title-container\"><p class=\"ez-toc-title\" style=\"cursor:inherit\">Table of Contents<\/p>\n<\/div><nav><ul class='ez-toc-list ez-toc-list-level-1 ' ><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/www.fusioncharts.com\/blog\/spring-framework-charts\/#Requirements\" title=\"Requirements\">Requirements<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/www.fusioncharts.com\/blog\/spring-framework-charts\/#Creating_and_Configuring_the_Application\" title=\"Creating and Configuring the Application\">Creating and Configuring the Application<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/www.fusioncharts.com\/blog\/spring-framework-charts\/#Creating_the_Chart_Object_and_Rendering_the_Chart\" title=\"Creating the Chart Object and Rendering the Chart\">Creating the Chart Object and Rendering the Chart<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/www.fusioncharts.com\/blog\/spring-framework-charts\/#Step_1\" title=\"Step 1\">Step 1<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-5\" href=\"https:\/\/www.fusioncharts.com\/blog\/spring-framework-charts\/#Step_2\" title=\"Step 2\">Step 2<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-6\" href=\"https:\/\/www.fusioncharts.com\/blog\/spring-framework-charts\/#Rendering_the_Chart\" title=\"Rendering the Chart\">Rendering the Chart<\/a><\/li><\/ul><\/nav><\/div>\n<h2><span class=\"ez-toc-section\" id=\"Requirements\"><\/span>Requirements<span class=\"ez-toc-section-end\"><\/span><\/h2>\r\nBefore we start:\r\n<ul>\r\n \t<li>Download FusionCharts Suite XT. [<a href=\"https:\/\/www.fusioncharts.com\/download\/\">Download link<\/a>]<\/li>\r\n \t<li>Then, download the FusionCharts JSP Wrapper. [<a href=\"https:\/\/www.fusioncharts.com\/dev\/getting-started\/java\/your-first-chart-using-java\">Download link<\/a>]<\/li>\r\n<\/ul>\r\n<h2><span class=\"ez-toc-section\" id=\"Creating_and_Configuring_the_Application\"><\/span>Creating and Configuring the Application<span class=\"ez-toc-section-end\"><\/span><\/h2>\r\n<ol>\r\n \t<li><span data-preserver-spaces=\"true\">Open the Netbeans IDE.<\/span><\/li>\r\n \t<li><span data-preserver-spaces=\"true\">From the File menu, select New Project. The New Project dialog box opens.<\/span><\/li>\r\n \t<li><span data-preserver-spaces=\"true\">From the Categories box, select Java Web. From the Projects box, choose Web Application. Click Next. The New Web Application dialog box opens.<\/span><\/li>\r\n \t<li><span data-preserver-spaces=\"true\">Add the project name in the Project Name field, as shown in the image below, and click Next.<\/span><\/li>\r\n \t<li><span data-preserver-spaces=\"true\">Select the server from the Server drop-down box, as shown in the image below, and click Next.<\/span><\/li>\r\n \t<li><span data-preserver-spaces=\"true\">Select the frameworks you want to use in your web application checkbox, select Spring Web MVC.<\/span><\/li>\r\n \t<li><span data-preserver-spaces=\"true\">Click Finish.<\/span><\/li>\r\n<\/ol>\r\n<span data-preserver-spaces=\"true\">You\u2019ve created and configured your project.<\/span>\r\n<ol>\r\n \t<li style=\"list-style-type: none\"><\/li>\r\n<\/ol>\r\n<h2><span class=\"ez-toc-section\" id=\"Creating_the_Chart_Object_and_Rendering_the_Chart\"><\/span>Creating the Chart Object and Rendering the Chart<span class=\"ez-toc-section-end\"><\/span><\/h2>\r\nNow that the project has been created and configured, let\u2019s look at the chart\u2019s procedure.\r\n<h3><span class=\"ez-toc-section\" id=\"Step_1\"><\/span><strong>Step 1<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h3>\r\n<span data-preserver-spaces=\"true\">Create a Java class that will act as the controller in the framework. The output of this will be an entire FusionCharts string you will call within the JSP page (or the view). The chart will render when you execute this string in the browser.<\/span>\r\n\r\n<em><span data-preserver-spaces=\"true\">Note<\/span><\/em><span data-preserver-spaces=\"true\">: Include the FusionCharts.java file in the same folder you have created the above Java class. If you have placed the FusionCharts JSP wrapper inside a different package, import it into the folder with the Java class.<\/span>\r\n\r\n<span data-preserver-spaces=\"true\">To create the Java class, create a controller file and name it chartscontrollers.java. Copy the following code and paste it into the controller file:<\/span>\r\n<pre class=\"lang:java decode:true\">package fusioncharts;\r\n\r\n\/**\r\n *\r\n * @author fusioncharts\r\n *\/\r\n\r\nimport java.io.IOException;\r\nimport javax.servlet.ServletException;\r\nimport javax.servlet.http.HttpServletRequest;\r\nimport javax.servlet.http.HttpServletResponse;\r\nimport org.springframework.web.servlet.ModelAndView;\r\nimport org.springframework.web.servlet.mvc.Controller;\r\n\r\npublic class chartscontroller implements Controller{\r\n    @Override\r\n    public ModelAndView handleRequest(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {\r\n        return new ModelAndView(\"\/WEB-INF\/jsp\/index.jsp\");\r\n    }\r\n    \r\n     public String chartmaker(){\r\n        FusionCharts lineChart= new FusionCharts(\r\n            \"line\",\/\/ chartType\r\n            \"chart1\",\/\/ chartId\r\n            \"600\",\"350\",\/\/ chartWidth, chartHeight\r\n            \"chart\",\/\/ chartContainer\r\n            \"jsonurl\",\/\/ dataFormat\r\n            \"data.json\"    \r\n            );\r\n            \r\n        \r\n        return lineChart.render();\r\n    }\r\n    \r\n}\r\n<\/pre>\r\ndata.json\r\n<pre class=\"lang:js decode:true\">{\r\n      \"chart\": {\r\n        \"caption\": \"Top Paying Programming Languages in the US\",\r\n        \"theme\": \"fint\",\r\n        \"xAxisName\": \"Programming Languages\",\r\n        \"yAxisName\": \"Revenues (In USD)\",\r\n        \"numberPrefix\": \"$\",\r\n        \"paletteColors\": \"#25BCD1\",\r\n        \"bgColor\": \"#ffffff\",\r\n        \"borderAlpha\": \"20\",\r\n        \"canvasBorderAlpha\": \"0\",\r\n        \"usePlotGradientColor\": \"0\",\r\n        \"plotBorderAlpha\": \"10\",\r\n        \"placevaluesInside\": \"1\",\r\n        \"rotatevalues\": \"1\",\r\n        \"rotateLabels\": \"1\",\r\n        \"valueFontColor\": \"#00000\",\r\n        \"showXAxisLine\": \"1\",\r\n        \"xAxisLineColor\": \"#999999\",\r\n         \"yAxisLineColor\": \"#999999\",\r\n        \"divLinealpha\": \"0\",\r\n        \"yaxisminvalue\": \"80000\",\r\n        \"showAlternateHGridColor\":\"1\",\r\n        \"showYAxisLine\":\"1\"\r\n\t },\r\n      \"data\": [{\r\n        \"label\": \"Go\",\r\n        \"value\": \"110000\"\r\n      }, {\r\n        \"label\": \"Scala\",\r\n        \"value\": \"110000\"\r\n      }, {\r\n        \"label\": \"Objective-C\",\r\n        \"value\": \"109000\"\r\n      }, {\r\n        \"label\": \"CoffeeScript\",\r\n        \"value\": \"105000\"\r\n      }, {\r\n        \"label\": \"Perl\",\r\n        \"value\": \"105000\"\r\n      }, {\r\n        \"label\": \"C++\",\r\n        \"value\": \"100890\"\r\n      }, {\r\n        \"label\": \"R\",\r\n        \"value\": \"100000\"\r\n      }, {\r\n        \"label\": \"Swift\",\r\n        \"value\": \"100000\"\r\n      }, {\r\n        \"label\": \"TypeScript\",\r\n        \"value\": \"100000\"\r\n      }, {\r\n        \"label\": \"Python\",\r\n        \"value\": \"99000\"\r\n      }]\r\n    }\r\n<\/pre>\r\n<h3><span class=\"ez-toc-section\" id=\"Step_2\"><\/span><strong>Step 2<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h3>\r\nCreate a JSP page and name it index.jsp. This page will act as the view. On running, this will render the chart in the browser.\r\nCopy the following code and paste it into the index.jsp file:\r\n<pre class=\"lang:js decode:true\">&lt;%@page import=\"fusioncharts.chartscontroller\"%&gt;\r\n&lt;%@page contentType=\"text\/html\" pageEncoding=\"UTF-8\"%&gt;\r\n&lt;%@page import=\"fusioncharts.FusionCharts\" %&gt;\r\n&lt;!DOCTYPE html&gt;\r\n&lt;html&gt;\r\n    &lt;head&gt;\r\n        &lt;title&gt;FusionCharts || www.fusioncharts.com&lt;\/title&gt;\r\n        &lt;script src=\"fusioncharts.js\"&gt;&lt;\/script&gt;\r\n        &lt;script src=\"fusioncharts.charts.js\"&gt;&lt;\/script&gt;\r\n        &lt;script src=\"fusioncharts.theme.fint.js\"&gt;&lt;\/script&gt;\r\n        \r\n    &lt;\/head&gt;\r\n    &lt;body&gt;\r\n         &lt;div id=\"chart\"&gt;&lt;\/div&gt;\r\n        &lt;%\r\n           \r\n         chartscontroller a= new chartscontroller();\r\n         out.println(a.chartmaker());\r\n         %&gt;\r\n         \r\n &lt;\/body&gt;\r\n&lt;\/html&gt;\r\n<\/pre>\r\n<em><span data-preserver-spaces=\"true\">Note<\/span><\/em><span data-preserver-spaces=\"true\">: Ensure that you import the Fusioncharts wrapper in the JSP page and include the FusionCharts JS library files.<\/span>\r\n<h2><span class=\"ez-toc-section\" id=\"Rendering_the_Chart\"><\/span>Rendering the Chart<span class=\"ez-toc-section-end\"><\/span><\/h2>\r\nTo render the chart, all you need to do is execute the redirect.jsp page that is automatically created by the framework at the time of creation and saved in the Web pages folder. This file will initiate the server and invoke the index.jsp file to run on the browser.\r\n\r\nYour output should look like the chart shown in the image below:\r\n\r\n<a href=\"https:\/\/www.fusioncharts.com\/blog\/wp-content\/uploads\/2017\/10\/Screen-Shot-2017-10-31-at-4.24.53-PM.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-16444\" src=\"https:\/\/www.fusioncharts.com\/blog\/wp-content\/uploads\/2017\/10\/Screen-Shot-2017-10-31-at-4.24.53-PM.png\" alt=\"spring framework charts\" width=\"1350\" height=\"700\" \/><\/a>\r\n\r\nThat\u2019s it! You\u2019ve now created a Fusioncharts chart using the Spring framework.\r\n\r\nIf your output does not render as expected or if you have trouble with the configuration files, you can download the sample created for this tutorial from <a href=\"https:\/\/www.dropbox.com\/s\/d43jiv3i7xh1s38\/Fusioncharts_spring.zip?dl=0\">here<\/a> and import it to your system.","protected":false},"excerpt":{"rendered":"<p>Spring is a well-known framework with features that allow developers to concentrate on the actual code of their application rather than worrying about configuring configuration files, mapping, and other infrastructure details. FusionCharts Suite XT includes a collection of JavaScript charts that accept data in simple XML and JSON formats. Furthermore, the charts in the package [&hellip;]<\/p>\n","protected":false},"author":33,"featured_media":16446,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[18],"tags":[],"coauthors":[648,675],"class_list":["post-16437","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-tutorials"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v24.1 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Charting in Spring Framework - All you need to know<\/title>\n<meta name=\"description\" content=\"Spring framework helps you focus on your code. Follow our 2026 tutorial to learn all the steps for creating charts in the Spring environment. Try it now.\" \/>\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.fusioncharts.com\/blog\/spring-framework-charts\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Charting in Spring Framework - All you need to know\" \/>\n<meta property=\"og:description\" content=\"Spring framework helps you focus on your code. Follow our 2026 tutorial to learn all the steps for creating charts in the Spring environment. Try it now.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.fusioncharts.com\/blog\/spring-framework-charts\/\" \/>\n<meta property=\"og:site_name\" content=\"FusionBrew - The FusionCharts Blog\" \/>\n<meta property=\"article:published_time\" content=\"2017-10-31T11:22:14+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2026-01-20T09:11:57+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.fusioncharts.com\/blog\/wp-content\/uploads\/2017\/10\/Implementing-FusionCharts-with-Spring-Framework.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"2016\" \/>\n\t<meta property=\"og:image:height\" content=\"750\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Ayan Bhadury, Jonathan\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Ayan Bhadury, Jonathan\" \/>\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\">{\n\t    \"@context\": \"https:\/\/schema.org\",\n\t    \"@graph\": [\n\t        {\n\t            \"@type\": \"Article\",\n\t            \"@id\": \"https:\/\/www.fusioncharts.com\/blog\/spring-framework-charts\/#article\",\n\t            \"isPartOf\": {\n\t                \"@id\": \"https:\/\/www.fusioncharts.com\/blog\/spring-framework-charts\/\"\n\t            },\n\t            \"author\": {\n\t                \"name\": \"Ayan Bhadury\",\n\t                \"@id\": \"https:\/\/www.fusioncharts.com\/blog\/#\/schema\/person\/24e8946ae2b802e172aa5964689ca243\"\n\t            },\n\t            \"headline\": \"Charting in Spring Framework: All You Need to Know 2026\",\n\t            \"datePublished\": \"2017-10-31T11:22:14+00:00\",\n\t            \"dateModified\": \"2026-01-20T09:11:57+00:00\",\n\t            \"mainEntityOfPage\": {\n\t                \"@id\": \"https:\/\/www.fusioncharts.com\/blog\/spring-framework-charts\/\"\n\t            },\n\t            \"wordCount\": 529,\n\t            \"commentCount\": 0,\n\t            \"publisher\": {\n\t                \"@id\": \"https:\/\/www.fusioncharts.com\/blog\/#organization\"\n\t            },\n\t            \"image\": {\n\t                \"@id\": \"https:\/\/www.fusioncharts.com\/blog\/spring-framework-charts\/#primaryimage\"\n\t            },\n\t            \"thumbnailUrl\": \"\/blog\/wp-content\/uploads\/2017\/10\/Implementing-FusionCharts-with-Spring-Framework.jpg\",\n\t            \"articleSection\": [\n\t                \"Tutorials\"\n\t            ],\n\t            \"inLanguage\": \"en-US\",\n\t            \"potentialAction\": [\n\t                {\n\t                    \"@type\": \"CommentAction\",\n\t                    \"name\": \"Comment\",\n\t                    \"target\": [\n\t                        \"https:\/\/www.fusioncharts.com\/blog\/spring-framework-charts\/#respond\"\n\t                    ]\n\t                }\n\t            ]\n\t        },\n\t        {\n\t            \"@type\": \"WebPage\",\n\t            \"@id\": \"https:\/\/www.fusioncharts.com\/blog\/spring-framework-charts\/\",\n\t            \"url\": \"https:\/\/www.fusioncharts.com\/blog\/spring-framework-charts\/\",\n\t            \"name\": \"Charting in Spring Framework - All you need to know\",\n\t            \"isPartOf\": {\n\t                \"@id\": \"https:\/\/www.fusioncharts.com\/blog\/#website\"\n\t            },\n\t            \"primaryImageOfPage\": {\n\t                \"@id\": \"https:\/\/www.fusioncharts.com\/blog\/spring-framework-charts\/#primaryimage\"\n\t            },\n\t            \"image\": {\n\t                \"@id\": \"https:\/\/www.fusioncharts.com\/blog\/spring-framework-charts\/#primaryimage\"\n\t            },\n\t            \"thumbnailUrl\": \"\/blog\/wp-content\/uploads\/2017\/10\/Implementing-FusionCharts-with-Spring-Framework.jpg\",\n\t            \"datePublished\": \"2017-10-31T11:22:14+00:00\",\n\t            \"dateModified\": \"2026-01-20T09:11:57+00:00\",\n\t            \"description\": \"Spring framework helps you focus on your code. Follow our 2026 tutorial to learn all the steps for creating charts in the Spring environment. Try it now.\",\n\t            \"breadcrumb\": {\n\t                \"@id\": \"https:\/\/www.fusioncharts.com\/blog\/spring-framework-charts\/#breadcrumb\"\n\t            },\n\t            \"inLanguage\": \"en-US\",\n\t            \"potentialAction\": [\n\t                {\n\t                    \"@type\": \"ReadAction\",\n\t                    \"target\": [\n\t                        \"https:\/\/www.fusioncharts.com\/blog\/spring-framework-charts\/\"\n\t                    ]\n\t                }\n\t            ]\n\t        },\n\t        {\n\t            \"@type\": \"ImageObject\",\n\t            \"inLanguage\": \"en-US\",\n\t            \"@id\": \"https:\/\/www.fusioncharts.com\/blog\/spring-framework-charts\/#primaryimage\",\n\t            \"url\": \"\/blog\/wp-content\/uploads\/2017\/10\/Implementing-FusionCharts-with-Spring-Framework.jpg\",\n\t            \"contentUrl\": \"\/blog\/wp-content\/uploads\/2017\/10\/Implementing-FusionCharts-with-Spring-Framework.jpg\",\n\t            \"width\": 2016,\n\t            \"height\": 750,\n\t            \"caption\": \"visualize data in spring framework\"\n\t        },\n\t        {\n\t            \"@type\": \"BreadcrumbList\",\n\t            \"@id\": \"https:\/\/www.fusioncharts.com\/blog\/spring-framework-charts\/#breadcrumb\",\n\t            \"itemListElement\": [\n\t                {\n\t                    \"@type\": \"ListItem\",\n\t                    \"position\": 1,\n\t                    \"name\": \"Home\",\n\t                    \"item\": \"https:\/\/www.fusioncharts.com\/blog\/\"\n\t                },\n\t                {\n\t                    \"@type\": \"ListItem\",\n\t                    \"position\": 2,\n\t                    \"name\": \"Charting in Spring Framework: All You Need to Know 2026\"\n\t                }\n\t            ]\n\t        },\n\t        {\n\t            \"@type\": \"WebSite\",\n\t            \"@id\": \"https:\/\/www.fusioncharts.com\/blog\/#website\",\n\t            \"url\": \"https:\/\/www.fusioncharts.com\/blog\/\",\n\t            \"name\": \"FusionBrew - The FusionCharts Blog\",\n\t            \"description\": \"Get tips and tricks on how to build effective Data Visualisation using FusionCharts\",\n\t            \"publisher\": {\n\t                \"@id\": \"https:\/\/www.fusioncharts.com\/blog\/#organization\"\n\t            },\n\t            \"potentialAction\": [\n\t                {\n\t                    \"@type\": \"SearchAction\",\n\t                    \"target\": {\n\t                        \"@type\": \"EntryPoint\",\n\t                        \"urlTemplate\": \"https:\/\/www.fusioncharts.com\/blog\/?s={search_term_string}\"\n\t                    },\n\t                    \"query-input\": {\n\t                        \"@type\": \"PropertyValueSpecification\",\n\t                        \"valueRequired\": true,\n\t                        \"valueName\": \"search_term_string\"\n\t                    }\n\t                }\n\t            ],\n\t            \"inLanguage\": \"en-US\"\n\t        },\n\t        {\n\t            \"@type\": \"Organization\",\n\t            \"@id\": \"https:\/\/www.fusioncharts.com\/blog\/#organization\",\n\t            \"name\": \"FusionCharts\",\n\t            \"url\": \"https:\/\/www.fusioncharts.com\/blog\/\",\n\t            \"logo\": {\n\t                \"@type\": \"ImageObject\",\n\t                \"inLanguage\": \"en-US\",\n\t                \"@id\": \"https:\/\/www.fusioncharts.com\/blog\/#\/schema\/logo\/image\/\",\n\t                \"url\": \"\/blog\/wp-content\/uploads\/2020\/03\/idera-fc-logo.svg\",\n\t                \"contentUrl\": \"\/blog\/wp-content\/uploads\/2020\/03\/idera-fc-logo.svg\",\n\t                \"width\": 1,\n\t                \"height\": 1,\n\t                \"caption\": \"FusionCharts\"\n\t            },\n\t            \"image\": {\n\t                \"@id\": \"https:\/\/www.fusioncharts.com\/blog\/#\/schema\/logo\/image\/\"\n\t            }\n\t        },\n\t        {\n\t            \"@type\": \"Person\",\n\t            \"@id\": \"https:\/\/www.fusioncharts.com\/blog\/#\/schema\/person\/24e8946ae2b802e172aa5964689ca243\",\n\t            \"name\": \"Ayan Bhadury\",\n\t            \"image\": {\n\t                \"@type\": \"ImageObject\",\n\t                \"inLanguage\": \"en-US\",\n\t                \"@id\": \"https:\/\/www.fusioncharts.com\/blog\/#\/schema\/person\/image\/e8b4bd366bf824e42027140489ad1ba6\",\n\t                \"url\": \"\/blog\/wp-content\/wphb-cache\/gravatar\/017\/017a9628c57694af5b4b3dcf5924840ex96.jpg\",\n\t                \"contentUrl\": \"\/blog\/wp-content\/wphb-cache\/gravatar\/017\/017a9628c57694af5b4b3dcf5924840ex96.jpg\",\n\t                \"caption\": \"Ayan Bhadury\"\n\t            },\n\t            \"url\": \"https:\/\/www.fusioncharts.com\/blog\/author\/ayan-bhadury\/\"\n\t        }\n\t    ]\n\t}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Charting in Spring Framework - All you need to know","description":"Spring framework helps you focus on your code. Follow our 2026 tutorial to learn all the steps for creating charts in the Spring environment. Try it now.","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.fusioncharts.com\/blog\/spring-framework-charts\/","og_locale":"en_US","og_type":"article","og_title":"Charting in Spring Framework - All you need to know","og_description":"Spring framework helps you focus on your code. Follow our 2026 tutorial to learn all the steps for creating charts in the Spring environment. Try it now.","og_url":"https:\/\/www.fusioncharts.com\/blog\/spring-framework-charts\/","og_site_name":"FusionBrew - The FusionCharts Blog","article_published_time":"2017-10-31T11:22:14+00:00","article_modified_time":"2026-01-20T09:11:57+00:00","og_image":[{"width":2016,"height":750,"url":"https:\/\/www.fusioncharts.com\/blog\/wp-content\/uploads\/2017\/10\/Implementing-FusionCharts-with-Spring-Framework.jpg","type":"image\/jpeg"}],"author":"Ayan Bhadury, Jonathan","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Ayan Bhadury, Jonathan","Est. reading time":"4 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.fusioncharts.com\/blog\/spring-framework-charts\/#article","isPartOf":{"@id":"https:\/\/www.fusioncharts.com\/blog\/spring-framework-charts\/"},"author":{"name":"Ayan Bhadury","@id":"https:\/\/www.fusioncharts.com\/blog\/#\/schema\/person\/24e8946ae2b802e172aa5964689ca243"},"headline":"Charting in Spring Framework: All You Need to Know 2026","datePublished":"2017-10-31T11:22:14+00:00","dateModified":"2026-01-20T09:11:57+00:00","mainEntityOfPage":{"@id":"https:\/\/www.fusioncharts.com\/blog\/spring-framework-charts\/"},"wordCount":529,"commentCount":0,"publisher":{"@id":"https:\/\/www.fusioncharts.com\/blog\/#organization"},"image":{"@id":"https:\/\/www.fusioncharts.com\/blog\/spring-framework-charts\/#primaryimage"},"thumbnailUrl":"\/blog\/wp-content\/uploads\/2017\/10\/Implementing-FusionCharts-with-Spring-Framework.jpg","articleSection":["Tutorials"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.fusioncharts.com\/blog\/spring-framework-charts\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.fusioncharts.com\/blog\/spring-framework-charts\/","url":"https:\/\/www.fusioncharts.com\/blog\/spring-framework-charts\/","name":"Charting in Spring Framework - All you need to know","isPartOf":{"@id":"https:\/\/www.fusioncharts.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.fusioncharts.com\/blog\/spring-framework-charts\/#primaryimage"},"image":{"@id":"https:\/\/www.fusioncharts.com\/blog\/spring-framework-charts\/#primaryimage"},"thumbnailUrl":"\/blog\/wp-content\/uploads\/2017\/10\/Implementing-FusionCharts-with-Spring-Framework.jpg","datePublished":"2017-10-31T11:22:14+00:00","dateModified":"2026-01-20T09:11:57+00:00","description":"Spring framework helps you focus on your code. Follow our 2026 tutorial to learn all the steps for creating charts in the Spring environment. Try it now.","breadcrumb":{"@id":"https:\/\/www.fusioncharts.com\/blog\/spring-framework-charts\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.fusioncharts.com\/blog\/spring-framework-charts\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.fusioncharts.com\/blog\/spring-framework-charts\/#primaryimage","url":"\/blog\/wp-content\/uploads\/2017\/10\/Implementing-FusionCharts-with-Spring-Framework.jpg","contentUrl":"\/blog\/wp-content\/uploads\/2017\/10\/Implementing-FusionCharts-with-Spring-Framework.jpg","width":2016,"height":750,"caption":"visualize data in spring framework"},{"@type":"BreadcrumbList","@id":"https:\/\/www.fusioncharts.com\/blog\/spring-framework-charts\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.fusioncharts.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Charting in Spring Framework: All You Need to Know 2026"}]},{"@type":"WebSite","@id":"https:\/\/www.fusioncharts.com\/blog\/#website","url":"https:\/\/www.fusioncharts.com\/blog\/","name":"FusionBrew - The FusionCharts Blog","description":"Get tips and tricks on how to build effective Data Visualisation using FusionCharts","publisher":{"@id":"https:\/\/www.fusioncharts.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.fusioncharts.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.fusioncharts.com\/blog\/#organization","name":"FusionCharts","url":"https:\/\/www.fusioncharts.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.fusioncharts.com\/blog\/#\/schema\/logo\/image\/","url":"\/blog\/wp-content\/uploads\/2020\/03\/idera-fc-logo.svg","contentUrl":"\/blog\/wp-content\/uploads\/2020\/03\/idera-fc-logo.svg","width":1,"height":1,"caption":"FusionCharts"},"image":{"@id":"https:\/\/www.fusioncharts.com\/blog\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/www.fusioncharts.com\/blog\/#\/schema\/person\/24e8946ae2b802e172aa5964689ca243","name":"Ayan Bhadury","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.fusioncharts.com\/blog\/#\/schema\/person\/image\/e8b4bd366bf824e42027140489ad1ba6","url":"\/blog\/wp-content\/wphb-cache\/gravatar\/017\/017a9628c57694af5b4b3dcf5924840ex96.jpg","contentUrl":"\/blog\/wp-content\/wphb-cache\/gravatar\/017\/017a9628c57694af5b4b3dcf5924840ex96.jpg","caption":"Ayan Bhadury"},"url":"https:\/\/www.fusioncharts.com\/blog\/author\/ayan-bhadury\/"}]}},"_links":{"self":[{"href":"https:\/\/www.fusioncharts.com\/blog\/wp-json\/wp\/v2\/posts\/16437","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.fusioncharts.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.fusioncharts.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.fusioncharts.com\/blog\/wp-json\/wp\/v2\/users\/33"}],"replies":[{"embeddable":true,"href":"https:\/\/www.fusioncharts.com\/blog\/wp-json\/wp\/v2\/comments?post=16437"}],"version-history":[{"count":0,"href":"https:\/\/www.fusioncharts.com\/blog\/wp-json\/wp\/v2\/posts\/16437\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.fusioncharts.com\/blog\/wp-json\/wp\/v2\/media\/16446"}],"wp:attachment":[{"href":"https:\/\/www.fusioncharts.com\/blog\/wp-json\/wp\/v2\/media?parent=16437"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.fusioncharts.com\/blog\/wp-json\/wp\/v2\/categories?post=16437"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.fusioncharts.com\/blog\/wp-json\/wp\/v2\/tags?post=16437"},{"taxonomy":"author","embeddable":true,"href":"https:\/\/www.fusioncharts.com\/blog\/wp-json\/wp\/v2\/coauthors?post=16437"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}