{"id":15700,"date":"2017-01-27T13:30:33","date_gmt":"2017-01-27T08:00:33","guid":{"rendered":"http:\/\/www.fusioncharts.com\/blog\/?p=15700"},"modified":"2026-01-20T14:40:23","modified_gmt":"2026-01-20T09:10:23","slug":"rendering-fusioncharts-microsoft-xamarin","status":"publish","type":"post","link":"https:\/\/www.fusioncharts.com\/blog\/rendering-fusioncharts-microsoft-xamarin\/","title":{"rendered":"Rendering FusionCharts with Microsoft Xamarin 2026"},"content":{"rendered":"<b>FusionCharts Suite XT<\/b> has always provided better charting solutions to ease the process of data visualization. Our team frequently comes up with new ways to implement FusionCharts according to your usage requirements, like in this tutorial.\r\n\r\nThis tutorial showcases how you can render charts using FusionCharts in Microsoft Xamarin.\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\/rendering-fusioncharts-microsoft-xamarin\/#What_is_Xamarin\" title=\"What is Xamarin?\">What is Xamarin?<\/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\/rendering-fusioncharts-microsoft-xamarin\/#Core_Requirements_for_Setup\" title=\"Core Requirements for Setup\">Core Requirements for Setup<\/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\/rendering-fusioncharts-microsoft-xamarin\/#Creating_the_WebView_App_Project\" title=\"Creating the WebView App Project\">Creating the WebView App Project<\/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\/rendering-fusioncharts-microsoft-xamarin\/#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\/rendering-fusioncharts-microsoft-xamarin\/#Step_2\" title=\"Step 2\">Step 2<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-6\" href=\"https:\/\/www.fusioncharts.com\/blog\/rendering-fusioncharts-microsoft-xamarin\/#Step_3\" title=\"Step 3\">Step 3<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-7\" href=\"https:\/\/www.fusioncharts.com\/blog\/rendering-fusioncharts-microsoft-xamarin\/#Step_4\" title=\"Step 4\">Step 4<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-8\" href=\"https:\/\/www.fusioncharts.com\/blog\/rendering-fusioncharts-microsoft-xamarin\/#Step_5\" title=\"Step 5\">Step 5<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-9\" href=\"https:\/\/www.fusioncharts.com\/blog\/rendering-fusioncharts-microsoft-xamarin\/#Step_6\" title=\"Step 6\">Step 6<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-10\" href=\"https:\/\/www.fusioncharts.com\/blog\/rendering-fusioncharts-microsoft-xamarin\/#Step_7\" title=\"Step 7\">Step 7<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-11\" href=\"https:\/\/www.fusioncharts.com\/blog\/rendering-fusioncharts-microsoft-xamarin\/#Step_8\" title=\"Step 8\">Step 8<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-12\" href=\"https:\/\/www.fusioncharts.com\/blog\/rendering-fusioncharts-microsoft-xamarin\/#Step_9\" title=\"Step 9\">Step 9<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-13\" href=\"https:\/\/www.fusioncharts.com\/blog\/rendering-fusioncharts-microsoft-xamarin\/#Step_10\" title=\"Step 10\">Step 10<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-14\" href=\"https:\/\/www.fusioncharts.com\/blog\/rendering-fusioncharts-microsoft-xamarin\/#Step_11\" title=\"Step 11\">Step 11<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-15\" href=\"https:\/\/www.fusioncharts.com\/blog\/rendering-fusioncharts-microsoft-xamarin\/#Step_12\" title=\"Step 12\">Step 12<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-16\" href=\"https:\/\/www.fusioncharts.com\/blog\/rendering-fusioncharts-microsoft-xamarin\/#Step_13\" title=\"Step 13\">Step 13<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-17\" href=\"https:\/\/www.fusioncharts.com\/blog\/rendering-fusioncharts-microsoft-xamarin\/#Step_14\" title=\"Step 14\">Step 14<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-18\" href=\"https:\/\/www.fusioncharts.com\/blog\/rendering-fusioncharts-microsoft-xamarin\/#Viewing_the_Chart\" title=\"Viewing the Chart\">Viewing the Chart<\/a><\/li><\/ul><\/nav><\/div>\n<h2><span class=\"ez-toc-section\" id=\"What_is_Xamarin\"><\/span>What is Xamarin?<span class=\"ez-toc-section-end\"><\/span><\/h2>\r\n<b>Xamarin<\/b> is a platform to write native Android, iOS, and Windows apps with native user interfaces. These codes can be shared across multiple platforms. Also, the Xamarin platform supports the development of mobile applications for the above-mentioned platforms, based on the .NET framework.\r\n\r\nIn March 2016, Microsoft acquired Xamarin with the goal of bringing cross-platform mobile development to the wider Microsoft developer community. Do you want some good news? Xamarin Forms is now available to all Visual Studio users for free.\r\n\r\nLet&#8217;s now get started with the requirements and the steps to render charts using FusionCharts in Microsoft Xamarin.\r\n<h2><span class=\"ez-toc-section\" id=\"Core_Requirements_for_Setup\"><\/span>Core Requirements for Setup<span class=\"ez-toc-section-end\"><\/span><\/h2>\r\nBefore we start with creating and rendering FusionCharts using the Xamarin platform, we need to make sure that we have the following components downloaded on our local machine:\r\n<ul>\r\n \t<li>Xamarin Studio [<a href=\"https:\/\/www.xamarin.com\/download\" target=\"_blank\" rel=\"noopener noreferrer\">Download Link<\/a>]<\/li>\r\n \t<li><a href=\"https:\/\/www.visualstudio.com\/downloads\/\" target=\"_blank\" rel=\"noopener noreferrer\">Visual Studio 2015 community edition<\/a> (Community, Professional, and Enterprise) and non-Express edition of Visual Studio 2013 Update 2<\/li>\r\n \t<li>FusionCharts Suite XT [<a href=\"https:\/\/www.fusioncharts.com\/download\/\" target=\"_blank\" rel=\"noopener noreferrer\">Download Link<\/a>]<\/li>\r\n \t<li>Windows 10 Operating System<\/li>\r\n<\/ul>\r\n<h2><span class=\"ez-toc-section\" id=\"Creating_the_WebView_App_Project\"><\/span>Creating the WebView App Project<span class=\"ez-toc-section-end\"><\/span><\/h2>\r\nWe\u2019ll create a simple chart that showcases the monthly revenue for Harry\u2019s SuperMart for a year. Let&#8217;s follow these steps to create a column 2D chart using the Xamarin platform:\r\n<h3><span class=\"ez-toc-section\" id=\"Step_1\"><\/span><b>Step 1<\/b><span class=\"ez-toc-section-end\"><\/span><\/h3>\r\nCreate a new project.\r\nClick <b>File -&gt; New<\/b>. The File menu renders.\r\nSelect <b>Project<\/b>\r\n\r\nThe image below outlines the steps:\r\n\r\n<a href=\"https:\/\/www.fusioncharts.com\/blog\/wp-content\/uploads\/gallery\/blog\/2017\/01\/xamarin_project.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-15706\" src=\"https:\/\/www.fusioncharts.com\/blog\/wp-content\/uploads\/gallery\/blog\/2017\/01\/xamarin_project.png\" alt=\"xamarin_project\" width=\"620\" height=\"349\" srcset=\"\/blog\/wp-content\/uploads\/2017\/01\/xamarin_project.png 620w, \/blog\/wp-content\/uploads\/2017\/01\/xamarin_project-150x84.png 150w\" sizes=\"auto, (max-width: 620px) 100vw, 620px\" \/><\/a>\r\n<h3><span class=\"ez-toc-section\" id=\"Step_2\"><\/span><b>Step 2<\/b><span class=\"ez-toc-section-end\"><\/span><\/h3>\r\nSelect <b>Android<\/b> under the installed template within Visual C# and select <b>WebView App(Android)<\/b>. Please refer to the image below:\r\n\r\n<a href=\"https:\/\/www.fusioncharts.com\/blog\/wp-content\/uploads\/gallery\/blog\/2017\/01\/xamarin.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-15707\" src=\"https:\/\/www.fusioncharts.com\/blog\/wp-content\/uploads\/gallery\/blog\/2017\/01\/xamarin.png\" alt=\"xamarin\" width=\"620\" height=\"377\" srcset=\"\/blog\/wp-content\/uploads\/2017\/01\/xamarin.png 620w, \/blog\/wp-content\/uploads\/2017\/01\/xamarin-150x91.png 150w\" sizes=\"auto, (max-width: 620px) 100vw, 620px\" \/><\/a>\r\n<h3><span class=\"ez-toc-section\" id=\"Step_3\"><\/span><b>Step 3<\/b><span class=\"ez-toc-section-end\"><\/span><\/h3>\r\nNext, give a name to the project (<b>FusionCharts<\/b> in our case) and save it to the desired location in your system.\r\n<h3><span class=\"ez-toc-section\" id=\"Step_4\"><\/span><b>Step 4<\/b><span class=\"ez-toc-section-end\"><\/span><\/h3>\r\nFrom the <b>View<\/b> menu, open <b>Solution Explorer<\/b> and locate the <b>assets<\/b> folder.\r\n<h3><span class=\"ez-toc-section\" id=\"Step_5\"><\/span><b>Step 5<\/b><span class=\"ez-toc-section-end\"><\/span><\/h3>\r\nInsert the <b>fusioncharts.js<\/b> and <b>fusioncharts.charts.js<\/b> files within the Assets folder. Please see the image below:\r\n\r\n<a href=\"https:\/\/www.fusioncharts.com\/blog\/wp-content\/uploads\/gallery\/blog\/2017\/01\/xamarin_folder_structure.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-15708\" src=\"https:\/\/www.fusioncharts.com\/blog\/wp-content\/uploads\/gallery\/blog\/2017\/01\/xamarin_folder_structure.png\" alt=\"xamarin_folder_structure\" width=\"442\" height=\"618\" align=\"middle\" srcset=\"\/blog\/wp-content\/uploads\/2017\/01\/xamarin_folder_structure.png 442w, \/blog\/wp-content\/uploads\/2017\/01\/xamarin_folder_structure-107x150.png 107w\" sizes=\"auto, (max-width: 442px) 100vw, 442px\" \/><\/a>\r\n<h3><span class=\"ez-toc-section\" id=\"Step_6\"><\/span><b>Step 6<\/b><span class=\"ez-toc-section-end\"><\/span><\/h3>\r\nSearch for the <b>RazorView.cshtml<\/b> file in the <b>Views<\/b> folder, which is a view component. Also, it will be used for rendering the chart within the WebView component.\r\n<h3><span class=\"ez-toc-section\" id=\"Step_7\"><\/span><b>Step 7<\/b><span class=\"ez-toc-section-end\"><\/span><\/h3>\r\nIn RazorView.cshtml file create a label and a button within a <b>&lt;div&gt;<\/b> tag. Place it in the <b>&lt;form&gt;<\/b> tag as shown below:\r\n<pre class=\"lang:markup\">&lt;html&gt;\r\n\r\n&lt;body&gt;\r\n    &lt;div data-role=\"page\" data-theme=\"b\"&gt;\r\n        &lt;form&gt;\r\n\r\n            &lt;div data-role=\"content\"&gt;\r\n\r\n                &lt;h1 id=\"label\"&gt;@Medel.Text&lt;\/h1&gt;\r\n                &lt;input type=\"button\" name=\"chart\" value=\"Chart\" onclick=\"getChart()\" \/&gt;\r\n\r\n            &lt;\/div&gt;\r\n\r\n        &lt;\/form&gt;\r\n    &lt;\/div&gt;\r\n&lt;\/body&gt;\r\n\r\n&lt;\/html&gt;<\/pre>\r\n<h3><span class=\"ez-toc-section\" id=\"Step_8\"><\/span><b>Step 8<\/b><span class=\"ez-toc-section-end\"><\/span><\/h3>\r\nInclude the fusioncharts.js and fusioncharts.charts.js libraries within <b>&lt;head&gt;<\/b> tag of RazorView.cshtml.\r\n<pre lang=\"html\">\/\/ \r\n\/\/ ]]&gt;\/\/ \r\n\/\/ ]]&gt;\/\/ \r\n\/\/ ]]&gt;<\/pre>\r\n<h3><span class=\"ez-toc-section\" id=\"Step_9\"><\/span><b>Step 9<\/b><span class=\"ez-toc-section-end\"><\/span><\/h3>\r\nDeclare a JavaScript function, <b>getChart()<\/b>, and define the entire FusionCharts JSON code (chart data) there.\r\n<h3><span class=\"ez-toc-section\" id=\"Step_10\"><\/span><b>Step 10<\/b><span class=\"ez-toc-section-end\"><\/span><\/h3>\r\nIn <b>MainActivity.cs<\/b> file create a WebView object instance. Set the JavaScript.Enabled property to true for WebView settings, as shown below:\r\n<pre class=\"lang:javascript\">var webView = FindViewById&lt;WebView&gt;(Resource.Id.webView);\r\nwebView.Settings.JavaScript.Enabled = true;\r\n<\/pre>\r\n<h3><span class=\"ez-toc-section\" id=\"Step_11\"><\/span><b>Step 11<\/b><span class=\"ez-toc-section-end\"><\/span><\/h3>\r\nRender the view that has been generated from RazorView. This can be done by including the following code in MainActivity.cs:\r\n<pre class=\"lang:javascript\">var model = new Model1() { Text = \"Please click chart button to render chart...\" };\r\nvar template = new RazorView() { Model = model };\r\nvar page = template.GenerateString();\r\n<\/pre>\r\n<h3><span class=\"ez-toc-section\" id=\"Step_12\"><\/span><b>Step 12<\/b><span class=\"ez-toc-section-end\"><\/span><\/h3>\r\nLoad the rendered HTML into the view with a base URL that points to the root of the bundled Assets folder, as shown in the code below:\r\n<pre class=\"lang:javascript\">webView.LoadDataWithBaseURL(\"file:\/\/\/android_asset\", page, \"text\/html\", \"UTF-8\", null);\r\n<\/pre>\r\n<h3><span class=\"ez-toc-section\" id=\"Step_13\"><\/span><b>Step 13<\/b><span class=\"ez-toc-section-end\"><\/span><\/h3>\r\nDefine the subclass of the <b>WebViewClient<\/b> to render the view generated from RazorView.cshtml as shown below:\r\n<pre class=\"lang:javascript\">private class HybridWebViewClient: WebViewClient {\r\n    public override bool ShouldOverrideUrlLoading(WebView webView, string url) {\r\n        \/\/ If the URL is not our own custom scheme, just let the webView load the URL as usual\r\n        var scheme = \"hybrid:\";\r\n\r\n        if (!url.StartWith(scheme))\r\n            return false;\r\n        \/\/ This handler will treat everything between the protocol and \"?\" as the method name. The querystring has all f the parameters.\r\n\r\n        var resources = url.Substring(scheme.Length).Split('?');\r\n        var method = resources[0];\r\n        var parameters = System.Web.HttpUtility.PparseQueryString(resources[1]);\r\n        return true;\r\n    }\r\n}\r\n<\/pre>\r\n<h3><span class=\"ez-toc-section\" id=\"Step_14\"><\/span><b>Step 14<\/b><span class=\"ez-toc-section-end\"><\/span><\/h3>\r\nSave the application and run the project using the <b>Android_Accelerated_x86 6.0<\/b> emulator. Now, you are ready to run the application created. While you are in the emulator, press <b>ctrl + f5<\/b>. to run and start the FusionCharts app as shown in the image below:\r\n\r\n<a href=\"https:\/\/www.fusioncharts.com\/blog\/wp-content\/uploads\/gallery\/blog\/2017\/01\/xamarin_fc_app.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-15709\" src=\"https:\/\/www.fusioncharts.com\/blog\/wp-content\/uploads\/gallery\/blog\/2017\/01\/xamarin_fc_app.png\" alt=\"xamarin_fc_app\" width=\"442\" height=\"755\" align=\"middle\" srcset=\"\/blog\/wp-content\/uploads\/2017\/01\/xamarin_fc_app.png 442w, \/blog\/wp-content\/uploads\/2017\/01\/xamarin_fc_app-88x150.png 88w\" sizes=\"auto, (max-width: 442px) 100vw, 442px\" \/><\/a>\r\n<h2><span class=\"ez-toc-section\" id=\"Viewing_the_Chart\"><\/span>Viewing the Chart<span class=\"ez-toc-section-end\"><\/span><\/h2>\r\nWe are all set to render the chart now!\r\nAll you need to do is click the <b>Chart<\/b> button, you should be able to see your output.\r\nThe output should look as shown in the image below:\r\n\r\n<a href=\"https:\/\/www.fusioncharts.com\/blog\/wp-content\/uploads\/gallery\/blog\/2017\/01\/xamarin_output.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-15710\" src=\"https:\/\/www.fusioncharts.com\/blog\/wp-content\/uploads\/gallery\/blog\/2017\/01\/xamarin_output.png\" alt=\"xamarin_output\" width=\"442\" height=\"621\" align=\"middle\" srcset=\"\/blog\/wp-content\/uploads\/2017\/01\/xamarin_output.png 442w, \/blog\/wp-content\/uploads\/2017\/01\/xamarin_output-107x150.png 107w\" sizes=\"auto, (max-width: 442px) 100vw, 442px\" \/><\/a>","protected":false},"excerpt":{"rendered":"<p>FusionCharts Suite XT has always provided better charting solutions to ease the process of data visualization. Our team frequently comes up with new ways to implement FusionCharts according to your usage requirements, like in this tutorial. This tutorial showcases how you can render charts using FusionCharts in Microsoft Xamarin. What is Xamarin? Xamarin is a [&hellip;]<\/p>\n","protected":false},"author":31,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[18],"tags":[625,152,624,622,626,623,627],"coauthors":[647,650],"class_list":["post-15700","post","type-post","status-publish","format-standard","hentry","category-tutorials","tag-cross-platform","tag-fusioncharts","tag-fusioncharts-with-microsoft-xamarin","tag-microsoft-xamarin","tag-visual-studio","tag-xamarin","tag-xamarin-studio"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v24.1 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Rendering FusionCharts with Microsoft Xamarin 2026<\/title>\n<meta name=\"description\" content=\"FusionCharts Suite XT provides better charting solutions to ease data visualization. Discover new ways our team is innovating for developers in year 2026.\" \/>\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\/rendering-fusioncharts-microsoft-xamarin\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Rendering FusionCharts with Microsoft Xamarin 2026\" \/>\n<meta property=\"og:description\" content=\"FusionCharts Suite XT provides better charting solutions to ease data visualization. Discover new ways our team is innovating for developers in year 2026.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.fusioncharts.com\/blog\/rendering-fusioncharts-microsoft-xamarin\/\" \/>\n<meta property=\"og:site_name\" content=\"FusionBrew - The FusionCharts Blog\" \/>\n<meta property=\"article:published_time\" content=\"2017-01-27T08:00:33+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2026-01-20T09:10:23+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.fusioncharts.com\/blog\/wp-content\/uploads\/2017\/01\/xamarin_project.png\" \/>\n\t<meta property=\"og:image:width\" content=\"620\" \/>\n\t<meta property=\"og:image:height\" content=\"349\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Dishank Tiwari, Soumya Dutta\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Dishank Tiwari, Soumya Dutta\" \/>\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\/rendering-fusioncharts-microsoft-xamarin\/#article\",\n\t            \"isPartOf\": {\n\t                \"@id\": \"https:\/\/www.fusioncharts.com\/blog\/rendering-fusioncharts-microsoft-xamarin\/\"\n\t            },\n\t            \"author\": {\n\t                \"name\": \"Dishank Tiwari\",\n\t                \"@id\": \"https:\/\/www.fusioncharts.com\/blog\/#\/schema\/person\/9106ebef0b6b4fec8a2bb46862ee02ad\"\n\t            },\n\t            \"headline\": \"Rendering FusionCharts with Microsoft Xamarin 2026\",\n\t            \"datePublished\": \"2017-01-27T08:00:33+00:00\",\n\t            \"dateModified\": \"2026-01-20T09:10:23+00:00\",\n\t            \"mainEntityOfPage\": {\n\t                \"@id\": \"https:\/\/www.fusioncharts.com\/blog\/rendering-fusioncharts-microsoft-xamarin\/\"\n\t            },\n\t            \"wordCount\": 617,\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\/rendering-fusioncharts-microsoft-xamarin\/#primaryimage\"\n\t            },\n\t            \"thumbnailUrl\": \"https:\/\/www.fusioncharts.com\/blog\/wp-content\/uploads\/gallery\/blog\/2017\/01\/xamarin_project.png\",\n\t            \"keywords\": [\n\t                \"cross platform\",\n\t                \"FusionCharts\",\n\t                \"FusionCharts with Microsoft Xamarin\",\n\t                \"Microsoft Xamarin\",\n\t                \"Visual Studio\",\n\t                \"Xamarin\",\n\t                \"Xamarin Studio\"\n\t            ],\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\/rendering-fusioncharts-microsoft-xamarin\/#respond\"\n\t                    ]\n\t                }\n\t            ]\n\t        },\n\t        {\n\t            \"@type\": \"WebPage\",\n\t            \"@id\": \"https:\/\/www.fusioncharts.com\/blog\/rendering-fusioncharts-microsoft-xamarin\/\",\n\t            \"url\": \"https:\/\/www.fusioncharts.com\/blog\/rendering-fusioncharts-microsoft-xamarin\/\",\n\t            \"name\": \"Rendering FusionCharts with Microsoft Xamarin 2026\",\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\/rendering-fusioncharts-microsoft-xamarin\/#primaryimage\"\n\t            },\n\t            \"image\": {\n\t                \"@id\": \"https:\/\/www.fusioncharts.com\/blog\/rendering-fusioncharts-microsoft-xamarin\/#primaryimage\"\n\t            },\n\t            \"thumbnailUrl\": \"https:\/\/www.fusioncharts.com\/blog\/wp-content\/uploads\/gallery\/blog\/2017\/01\/xamarin_project.png\",\n\t            \"datePublished\": \"2017-01-27T08:00:33+00:00\",\n\t            \"dateModified\": \"2026-01-20T09:10:23+00:00\",\n\t            \"description\": \"FusionCharts Suite XT provides better charting solutions to ease data visualization. Discover new ways our team is innovating for developers in year 2026.\",\n\t            \"breadcrumb\": {\n\t                \"@id\": \"https:\/\/www.fusioncharts.com\/blog\/rendering-fusioncharts-microsoft-xamarin\/#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\/rendering-fusioncharts-microsoft-xamarin\/\"\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\/rendering-fusioncharts-microsoft-xamarin\/#primaryimage\",\n\t            \"url\": \"https:\/\/www.fusioncharts.com\/blog\/wp-content\/uploads\/gallery\/blog\/2017\/01\/xamarin_project.png\",\n\t            \"contentUrl\": \"https:\/\/www.fusioncharts.com\/blog\/wp-content\/uploads\/gallery\/blog\/2017\/01\/xamarin_project.png\"\n\t        },\n\t        {\n\t            \"@type\": \"BreadcrumbList\",\n\t            \"@id\": \"https:\/\/www.fusioncharts.com\/blog\/rendering-fusioncharts-microsoft-xamarin\/#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\": \"Rendering FusionCharts with Microsoft Xamarin 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\/9106ebef0b6b4fec8a2bb46862ee02ad\",\n\t            \"name\": \"Dishank Tiwari\",\n\t            \"image\": {\n\t                \"@type\": \"ImageObject\",\n\t                \"inLanguage\": \"en-US\",\n\t                \"@id\": \"https:\/\/www.fusioncharts.com\/blog\/#\/schema\/person\/image\/edab16f3ae97d48c528d1820c0597954\",\n\t                \"url\": \"\/blog\/wp-content\/wphb-cache\/gravatar\/589\/58951cd49296e6fe39049faab4be5f7cx96.jpg\",\n\t                \"contentUrl\": \"\/blog\/wp-content\/wphb-cache\/gravatar\/589\/58951cd49296e6fe39049faab4be5f7cx96.jpg\",\n\t                \"caption\": \"Dishank Tiwari\"\n\t            },\n\t            \"url\": \"https:\/\/www.fusioncharts.com\/blog\/author\/dishank-tiwari\/\"\n\t        }\n\t    ]\n\t}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Rendering FusionCharts with Microsoft Xamarin 2026","description":"FusionCharts Suite XT provides better charting solutions to ease data visualization. Discover new ways our team is innovating for developers in year 2026.","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\/rendering-fusioncharts-microsoft-xamarin\/","og_locale":"en_US","og_type":"article","og_title":"Rendering FusionCharts with Microsoft Xamarin 2026","og_description":"FusionCharts Suite XT provides better charting solutions to ease data visualization. Discover new ways our team is innovating for developers in year 2026.","og_url":"https:\/\/www.fusioncharts.com\/blog\/rendering-fusioncharts-microsoft-xamarin\/","og_site_name":"FusionBrew - The FusionCharts Blog","article_published_time":"2017-01-27T08:00:33+00:00","article_modified_time":"2026-01-20T09:10:23+00:00","og_image":[{"width":620,"height":349,"url":"https:\/\/www.fusioncharts.com\/blog\/wp-content\/uploads\/2017\/01\/xamarin_project.png","type":"image\/png"}],"author":"Dishank Tiwari, Soumya Dutta","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Dishank Tiwari, Soumya Dutta","Est. reading time":"4 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.fusioncharts.com\/blog\/rendering-fusioncharts-microsoft-xamarin\/#article","isPartOf":{"@id":"https:\/\/www.fusioncharts.com\/blog\/rendering-fusioncharts-microsoft-xamarin\/"},"author":{"name":"Dishank Tiwari","@id":"https:\/\/www.fusioncharts.com\/blog\/#\/schema\/person\/9106ebef0b6b4fec8a2bb46862ee02ad"},"headline":"Rendering FusionCharts with Microsoft Xamarin 2026","datePublished":"2017-01-27T08:00:33+00:00","dateModified":"2026-01-20T09:10:23+00:00","mainEntityOfPage":{"@id":"https:\/\/www.fusioncharts.com\/blog\/rendering-fusioncharts-microsoft-xamarin\/"},"wordCount":617,"commentCount":0,"publisher":{"@id":"https:\/\/www.fusioncharts.com\/blog\/#organization"},"image":{"@id":"https:\/\/www.fusioncharts.com\/blog\/rendering-fusioncharts-microsoft-xamarin\/#primaryimage"},"thumbnailUrl":"https:\/\/www.fusioncharts.com\/blog\/wp-content\/uploads\/gallery\/blog\/2017\/01\/xamarin_project.png","keywords":["cross platform","FusionCharts","FusionCharts with Microsoft Xamarin","Microsoft Xamarin","Visual Studio","Xamarin","Xamarin Studio"],"articleSection":["Tutorials"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.fusioncharts.com\/blog\/rendering-fusioncharts-microsoft-xamarin\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.fusioncharts.com\/blog\/rendering-fusioncharts-microsoft-xamarin\/","url":"https:\/\/www.fusioncharts.com\/blog\/rendering-fusioncharts-microsoft-xamarin\/","name":"Rendering FusionCharts with Microsoft Xamarin 2026","isPartOf":{"@id":"https:\/\/www.fusioncharts.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.fusioncharts.com\/blog\/rendering-fusioncharts-microsoft-xamarin\/#primaryimage"},"image":{"@id":"https:\/\/www.fusioncharts.com\/blog\/rendering-fusioncharts-microsoft-xamarin\/#primaryimage"},"thumbnailUrl":"https:\/\/www.fusioncharts.com\/blog\/wp-content\/uploads\/gallery\/blog\/2017\/01\/xamarin_project.png","datePublished":"2017-01-27T08:00:33+00:00","dateModified":"2026-01-20T09:10:23+00:00","description":"FusionCharts Suite XT provides better charting solutions to ease data visualization. Discover new ways our team is innovating for developers in year 2026.","breadcrumb":{"@id":"https:\/\/www.fusioncharts.com\/blog\/rendering-fusioncharts-microsoft-xamarin\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.fusioncharts.com\/blog\/rendering-fusioncharts-microsoft-xamarin\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.fusioncharts.com\/blog\/rendering-fusioncharts-microsoft-xamarin\/#primaryimage","url":"https:\/\/www.fusioncharts.com\/blog\/wp-content\/uploads\/gallery\/blog\/2017\/01\/xamarin_project.png","contentUrl":"https:\/\/www.fusioncharts.com\/blog\/wp-content\/uploads\/gallery\/blog\/2017\/01\/xamarin_project.png"},{"@type":"BreadcrumbList","@id":"https:\/\/www.fusioncharts.com\/blog\/rendering-fusioncharts-microsoft-xamarin\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.fusioncharts.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Rendering FusionCharts with Microsoft Xamarin 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\/9106ebef0b6b4fec8a2bb46862ee02ad","name":"Dishank Tiwari","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.fusioncharts.com\/blog\/#\/schema\/person\/image\/edab16f3ae97d48c528d1820c0597954","url":"\/blog\/wp-content\/wphb-cache\/gravatar\/589\/58951cd49296e6fe39049faab4be5f7cx96.jpg","contentUrl":"\/blog\/wp-content\/wphb-cache\/gravatar\/589\/58951cd49296e6fe39049faab4be5f7cx96.jpg","caption":"Dishank Tiwari"},"url":"https:\/\/www.fusioncharts.com\/blog\/author\/dishank-tiwari\/"}]}},"_links":{"self":[{"href":"https:\/\/www.fusioncharts.com\/blog\/wp-json\/wp\/v2\/posts\/15700","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\/31"}],"replies":[{"embeddable":true,"href":"https:\/\/www.fusioncharts.com\/blog\/wp-json\/wp\/v2\/comments?post=15700"}],"version-history":[{"count":0,"href":"https:\/\/www.fusioncharts.com\/blog\/wp-json\/wp\/v2\/posts\/15700\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.fusioncharts.com\/blog\/wp-json\/wp\/v2\/media?parent=15700"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.fusioncharts.com\/blog\/wp-json\/wp\/v2\/categories?post=15700"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.fusioncharts.com\/blog\/wp-json\/wp\/v2\/tags?post=15700"},{"taxonomy":"author","embeddable":true,"href":"https:\/\/www.fusioncharts.com\/blog\/wp-json\/wp\/v2\/coauthors?post=15700"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}