{"id":16707,"date":"2018-01-08T15:10:32","date_gmt":"2018-01-08T09:40:32","guid":{"rendered":"http:\/\/www.fusioncharts.com\/blog\/?p=16707"},"modified":"2026-01-20T14:36:59","modified_gmt":"2026-01-20T09:06:59","slug":"charts-ios-apps","status":"publish","type":"post","link":"https:\/\/www.fusioncharts.com\/blog\/charts-ios-apps\/","title":{"rendered":"Create Stunning Charts in Your iOS Apps: 2026 Guide"},"content":{"rendered":"It&#8217;s 2018, and the world has officially gone mobile.\r\n\r\nSmartphones are used by approximately <a class=\"editor-rtfLink\" href=\"https:\/\/blogs.perficient.com\/2017\/04\/05\/mobile-vs-desktop-usage-mobile-grows-but-desktop-still-a-big-player-in-2017\/\" target=\"_blank\" rel=\"noopener noreferrer\"><span data-preserver-spaces=\"true\">56% of us to access the internet<\/span><\/a>. At the time of writing, <a class=\"editor-rtfLink\" href=\"https:\/\/www.statista.com\/statistics\/276623\/number-of-apps-available-in-leading-app-stores\/\" target=\"_blank\" rel=\"noopener noreferrer\"><span data-preserver-spaces=\"true\">iTunes had over 2 million apps<\/span><\/a>. Surprisingly, business is the most popular category after gaming &#8211; an area ripe for data analyses and insightful visualizations.\r\n\r\nYou could use a chart if you&#8217;re targeting individuals or organizations, creating a weather app, a stock market monitoring tool, or a powerful tool for monitoring on-floor performance. To stand out from the crowd, you need apps that are not only useful but also visually appealing &#8211; (and brownie points, if it does both ).\r\n\r\nIf you&#8217;re still not convinced of the power of iOS visualization, check out this stunning <a class=\"editor-rtfLink\" href=\"https:\/\/www.learndiscovery.com\/\" target=\"_blank\" rel=\"noopener noreferrer\"><span data-preserver-spaces=\"true\">responsive visualization<\/span><\/a> of all the data on Wikipedia.\r\n\r\nFusionCharts makes interactive charting easy, customizable, and exciting \u2013 use these steps to create visuals that will fit seamlessly into your next iOS app. This tutorial shows how to use FusionCharts to create interactive charts for iOS apps.\r\n\r\nAs you read this post, you&#8217;ll discover the fundamental requirements as well as how to create <a href=\"https:\/\/www.fusioncharts.com\/fusioncharts\">interactive graphs<\/a> and charts on iOS devices.\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\/charts-ios-apps\/#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\/charts-ios-apps\/#Step_1_Create_a_Project_in_XCode\" title=\"Step 1: Create a Project in XCode\">Step 1: Create a Project in XCode<\/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\/charts-ios-apps\/#Step_2_Create_an_HTML_File_to_Show_the_Chart\" title=\"Step 2: Create an HTML File to Show the Chart\">Step 2: Create an HTML File to Show 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\/charts-ios-apps\/#Include_the_FusionCharts_Core_Package_JS_Files\" title=\"Include the FusionCharts Core Package JS Files\">Include the FusionCharts Core Package JS Files<\/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\/charts-ios-apps\/#Create_Chart_Instance\" title=\"Create Chart Instance\">Create Chart Instance<\/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\/charts-ios-apps\/#Step_3_Import_WebKit_and_Create_WKWebView\" title=\"Step 3: Import WebKit and Create WKWebView\">Step 3: Import WebKit and Create WKWebView<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-7\" href=\"https:\/\/www.fusioncharts.com\/blog\/charts-ios-apps\/#Step_4_Build_Project_and_Render_the_Chart_Simulator\" title=\"Step 4: Build Project and Render the Chart (Simulator)\">Step 4: Build Project and Render the Chart (Simulator)<\/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 the step-by-step procedure to create interactive charts in iPhone or iPad apps, make sure that you have the following components downloaded in the local machine:\r\n<ul>\r\n \t<li>FusionCharts XT [<a href=\"https:\/\/fusioncharts.com\/download\/\">Download Link<\/a>]<\/li>\r\n \t<li>Xcode [<a href=\"https:\/\/developer.apple.com\/xcode\/\">Download Link<\/a>]<\/li>\r\n<\/ul>\r\n<h2><span class=\"ez-toc-section\" id=\"Step_1_Create_a_Project_in_XCode\"><\/span>Step 1: Create a Project in XCode<span class=\"ez-toc-section-end\"><\/span><\/h2>\r\nOnce you have Xcode installed on your system, open it and create a new xcode project with the \u2018Single View App\u2019 template.\r\n<h2><span class=\"ez-toc-section\" id=\"Step_2_Create_an_HTML_File_to_Show_the_Chart\"><\/span>Step 2: Create an HTML File to Show the Chart<span class=\"ez-toc-section-end\"><\/span><\/h2>\r\nNavigate to the project navigator sidebar in Xcode project, and create an empty HTML file as <code>chart.html<\/code>.\r\n\r\nIn the HTML file, include a chart instance that will render the chart in our app inside WKWebView, which we will learn to create later. First, we will include the core packages in our HTML file and then create a chart instance.\r\n<h3><span class=\"ez-toc-section\" id=\"Include_the_FusionCharts_Core_Package_JS_Files\"><\/span><strong>Include the FusionCharts Core Package JS Files<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h3>\r\nGiven below is the code to include the FusionCharts core package JS files (fusioncharts.js and fusioncharts.charts.js) in the HTML code:\r\n<pre class=\"lang:js decode:true\">&lt;html&gt;\r\n&lt;head&gt;\r\n&lt;!-- including FusionCharts core package JS files \u2192\r\n&lt;script src=\"fusioncharts.js\"&gt;&lt;\/script&gt;\r\n&lt;script src=\"fusioncharts.widgets.js\"&gt;&lt;\/script&gt;\r\n&lt;\/head&gt;\r\n&lt;\/html&gt;\r\n<\/pre>\r\n<em>Note:<\/em> Please copy the files downloaded to the project folder. Ensure that the path specified in chart.html for FusionCharts core package JS files is accessible to the application. Also include these files in Build Phases -&gt; Copy Bundle Resources.\r\n<h3><span class=\"ez-toc-section\" id=\"Create_Chart_Instance\"><\/span><strong>Create Chart Instance<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h3>\r\nChart instances include parameters like chart type, dimensions, chart container ID, data format, and data source for the chart which is used to render the chart. Given below is the code for creating the chart instance:\r\n<pre class=\"lang:js decode:true\">&lt;!-- chart instance --&gt;\r\n&lt;script&gt;\r\nFusionCharts.ready(function() {\r\nvar appChart = new FusionCharts({\r\ntype: 'doughnut2d',\r\nwidth: '100%',\r\nheight: '350',\r\nrenderAt: 'chartContainer',\r\ndataFormat: 'json',\r\ndataSource: {\r\n\"chart\": {\r\n\"caption\": \"New vs Retruning Users - 2017\",\r\n\"captionFontSize\": \"17\",\r\n\"captionFontBold\": \"0\",\r\n\"subCaption\": \"ACME Inc.\",\r\n\"subCaptionFontSize\": \"15\",\r\n\"paletteColors\": \"#D68554, #DC4D52\",\r\n\"bgColor\": \"#212831\",\r\n\"canvasBgColor\": \"#212831\",\r\n\"bgAlpha\": \"100\",\r\n\"canvasBgAlpha\": \"0\",\r\n\"showBorder\": \"0\",\r\n\"showLabels\": \"0\",\r\n\"showLegend\": \"1\",\r\n\"legendBorderAlpha\": \"0\",\r\n\"legendShadow\": \"0\",\r\n\"use3DLighting\": \"0\",\r\n\"showShadow\": \"0\",\r\n\"drawCustomLegendIcon\": \"1\",\r\n\"pieRadius\": \"100\",\r\n\"doughnutRadius\": \"60\",\r\n\"showPercentValues\": \"1\",\r\n\"legendIconSides\": \"2\",\r\n\"legendIconBorderThickness\": \"0\",\r\n\"baseFont\": \"Source Sans Pro\",\r\n\"defaultCenterLabel\": \"Total Visitors: 1.39M\",\r\n\"centerLabel\": \"$label Visitors: $value\",\r\n\"centerLabelBold\": \"0\",\r\n\"baseFontSize\": \"13\",\r\n\"startingAngle\": \"70\",\r\n\"enableSlicing\": \"0\",\r\n\"legendBgAlpha\": \"0\",\r\n\"baseFontColor\": \"#FFFFFF\",\r\n\"showTooltip\": \"0\",\r\n\"showPlotBorder\": \"0\"\r\n},\r\n\"data\": [\r\n{\r\n                                \"label\": \"Returning\",\r\n                                \"value\": \"862736.82\"\r\n                            },\r\n                            {\r\n                                \"label\": \"New\",\r\n                                \"value\": \"528774.18\"\r\n                            }\r\n                        ]\r\n}\r\n}).render();\r\n});\r\n&lt;\/script&gt;\r\n<\/pre>\r\nGiven below is the complete HTML code of\u00a0<code>chart.html<\/code>:\r\n<pre class=\"lang:js decode:true\">&lt;!doctype html&gt;\r\n&lt;html&gt;\r\n    &lt;head&gt;\r\n        &lt;title&gt;FusionCharts - iOS Example&lt;\/title&gt;\r\n        &lt;meta name=\"viewport\" content=\"width=device-width, initial-scale=1\"&gt;\r\n        &lt;!-- including FusionCharts core package JS files --&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;style&gt;\r\n@import url('https:\/\/fonts.googleapis.com\/css?family=Source+Sans+Pro');\r\n            \r\n            body { background-color: #212831; }\r\n        &lt;\/style&gt;\r\n        &lt;!-- chart instance --&gt;\r\n        &lt;script&gt;\r\n            FusionCharts.ready(function() {\r\n               var appChart = new FusionCharts({\r\n                   type: 'doughnut2d',\r\n                   width: '100%',\r\n                   height: '350',\r\n                   renderAt: 'chartContainer',\r\n                   dataFormat: 'json',\r\n                   dataSource: {\r\n                       \"chart\": {\r\n                           \"caption\": \"New vs Retruning Users - 2017\",\r\n                           \"captionFontSize\": \"17\",\r\n                           \"captionFontBold\": \"0\",\r\n                           \"subCaption\": \"ACME Inc.\",\r\n                           \"subCaptionFontSize\": \"15\",\r\n                           \"paletteColors\": \"#D68554, #DC4D52\",\r\n                           \"bgColor\": \"#212831\",\r\n                           \"canvasBgColor\": \"#212831\",\r\n                           \"bgAlpha\": \"100\",\r\n                           \"canvasBgAlpha\": \"0\",\r\n                           \"showBorder\": \"0\",\r\n                           \"showLabels\": \"0\",\r\n                           \"showLegend\": \"1\",\r\n                           \"legendBorderAlpha\": \"0\",\r\n                           \"legendShadow\": \"0\",\r\n                           \"use3DLighting\": \"0\",\r\n                           \"showShadow\": \"0\",\r\n                           \"drawCustomLegendIcon\": \"1\",\r\n                           \"pieRadius\": \"100\",\r\n                           \"doughnutRadius\": \"60\",\r\n                           \"showPercentValues\": \"1\",\r\n                           \"legendIconSides\": \"2\",\r\n                           \"legendIconBorderThickness\": \"0\",\r\n                           \"baseFont\": \"Source Sans Pro\",\r\n                           \"defaultCenterLabel\": \"Total Visitors: 1.39M\",\r\n                           \"centerLabel\": \"$label Visitors: $value\",\r\n                           \"centerLabelBold\": \"0\",\r\n                           \"baseFontSize\": \"13\",\r\n                           \"startingAngle\": \"70\",\r\n                           \"enableSlicing\": \"0\",\r\n                           \"legendBgAlpha\": \"0\",\r\n                           \"baseFontColor\": \"#FFFFFF\",\r\n                           \"showTooltip\": \"0\",\r\n                           \"showPlotBorder\": \"0\"\r\n                       },\r\n                       \"data\": [\r\n                            {\r\n                                \"label\": \"Returning\",\r\n                                \"value\": \"862736.82\"\r\n                            },\r\n                            {\r\n                                \"label\": \"New\",\r\n                                \"value\": \"528774.18\"\r\n                            }\r\n                        ]\r\n                   }\r\n               }).render();\r\n           });\r\n        &lt;\/script&gt;\r\n    &lt;\/head&gt;\r\n    &lt;body&gt;\r\n        &lt;!-- chart container --&gt;\r\n        &lt;div id=\"chartContainer\"&gt;Chart will render here!&lt;\/div&gt;\r\n    &lt;\/body&gt;\r\n&lt;\/html&gt;\r\n<\/pre>\r\n<h2><span class=\"ez-toc-section\" id=\"Step_3_Import_WebKit_and_Create_WKWebView\"><\/span>Step 3: Import WebKit and Create WKWebView<span class=\"ez-toc-section-end\"><\/span><\/h2>\r\nNow that you have the chart instance ready, let\u2019s move on to view the application and create a webview that will render the HTML file.\r\n\r\nTo use WebKit, import it by running the following command at the top of <code>ViewController.swift<\/code>:\r\n<code>import WebKit<\/code>\r\n\r\nWhile creating the web view, store it as a property for later reference. Add the property of web view to <code>ViewController<\/code> class. Refer to the following command:\r\n<code>var webView: WKWebView!<\/code>\r\n\r\nNow, we will add <code>loadView( )<\/code> before <code>viewDidLoad()<\/code>. Refer to the following command:\r\n<pre class=\"lang:js decode:true\">override func loadView() {\r\nlet webConfiguration = WKWebViewConfiguration()\r\nwebView = WKWebView(frame: .zero, configuration: webConfiguration)\r\nwebView.uiDelegate = self\r\nview = webView\r\n}\r\n<\/pre>\r\nInclude override keyword for <code>loadView()<\/code> to load the layout from the storyboard.\r\n\r\nTo load the chart in webView, insert the code given below to refer the HTML file (<code>chart.html<\/code>) created in the <code>viewDidLoad()<\/code> method:\r\n<pre class=\"lang:js decode:true\">let webView = WKWebView()\r\nlet htmlPath = Bundle.main.path(forResource: \"charts\", ofType: \"html\")\r\nlet htmlUrl = URL(fileURLWithPath: htmlPath!, isDirectory: false)\r\nwebView.loadFileURL(htmlUrl, allowingReadAccessTo: htmlUrl)\r\nview = webView\r\n<\/pre>\r\nGiven below is the complete code for webView( ):\r\n<pre class=\"lang:js decode:true\">import UIKit\r\nimport WebKit\r\n\r\nclass ViewController: UIViewController, WKUIDelegate {\r\n    \r\nvar webView: WKWebView!\r\n    \r\noverride func loadView() {\r\nlet webConfiguration = WKWebViewConfiguration()\r\nwebView = WKWebView(frame: .zero, configuration: webConfiguration)\r\nwebView.uiDelegate = self\r\nview = webView\r\n    }\r\n\r\noverride func viewDidLoad() {\r\nsuper.viewDidLoad()\r\n        \r\nlet webView = WKWebView()\r\nlet htmlPath = Bundle.main.path(forResource: \"charts\", ofType: \"html\")\r\nlet htmlUrl = URL(fileURLWithPath: htmlPath!, isDirectory: false)\r\nwebView.loadFileURL(htmlUrl, allowingReadAccessTo: htmlUrl)\r\nview = webView        \r\n}\r\n\r\noverride func didReceiveMemoryWarning() {\r\nsuper.didReceiveMemoryWarning()\r\n\/\/ Dispose of any resources that can be recreated.\r\n}\r\n\r\n}\r\n<\/pre>\r\n<h2><span class=\"ez-toc-section\" id=\"Step_4_Build_Project_and_Render_the_Chart_Simulator\"><\/span>Step 4: Build Project and Render the Chart (Simulator)<span class=\"ez-toc-section-end\"><\/span><\/h2>\r\nThe final chart looks like as shown in the image below:\r\n<a href=\"https:\/\/www.fusioncharts.com\/blog\/wp-content\/uploads\/2018\/01\/fusioncharts-ios-charts.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-16710\" src=\"https:\/\/www.fusioncharts.com\/blog\/wp-content\/uploads\/2018\/01\/fusioncharts-ios-charts.png\" alt=\"\" width=\"1688\" height=\"1312\" srcset=\"\/blog\/wp-content\/uploads\/2018\/01\/fusioncharts-ios-charts.png 1688w, \/blog\/wp-content\/uploads\/2018\/01\/fusioncharts-ios-charts-150x117.png 150w\" sizes=\"auto, (max-width: 1688px) 100vw, 1688px\" \/><\/a>\r\n\r\nIf you have a developer mode apple device, you can also check out the output on your device. You can download the source code from the <a href=\"https:\/\/github.com\/sikrigagan\/ios-charts\" target=\"_blank\" rel=\"noopener noreferrer\">GitHub repo<\/a>.","protected":false},"excerpt":{"rendered":"<p>It&#8217;s 2018, and the world has officially gone mobile. Smartphones are used by approximately 56% of us to access the internet. At the time of writing, iTunes had over 2 million apps. Surprisingly, business is the most popular category after gaming &#8211; an area ripe for data analyses and insightful visualizations. You could use a [&hellip;]<\/p>\n","protected":false},"author":39,"featured_media":16717,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[18],"tags":[],"coauthors":[675,688],"class_list":["post-16707","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>Create Stunning Charts In Your iOS Apps<\/title>\n<meta name=\"description\" content=\"Create stunning charts in your native iOS apps. Use our 2026 guide to build wonderful visualizations for iPhone and iPad with just a few lines of code.\" \/>\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\/charts-ios-apps\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Create Stunning Charts In Your iOS Apps\" \/>\n<meta property=\"og:description\" content=\"Create stunning charts in your native iOS apps. Use our 2026 guide to build wonderful visualizations for iPhone and iPad with just a few lines of code.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.fusioncharts.com\/blog\/charts-ios-apps\/\" \/>\n<meta property=\"og:site_name\" content=\"FusionBrew - The FusionCharts Blog\" \/>\n<meta property=\"article:published_time\" content=\"2018-01-08T09:40:32+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2026-01-20T09:06:59+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.fusioncharts.com\/blog\/wp-content\/uploads\/2018\/01\/Creating-Interactive-Charts-for-iOS-Apps.png\" \/>\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\/png\" \/>\n<meta name=\"author\" content=\"Jonathan, Gagan Sikri\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Jonathan, Gagan Sikri\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"5 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\/charts-ios-apps\/#article\",\n\t            \"isPartOf\": {\n\t                \"@id\": \"https:\/\/www.fusioncharts.com\/blog\/charts-ios-apps\/\"\n\t            },\n\t            \"author\": {\n\t                \"name\": \"Jonathan\",\n\t                \"@id\": \"https:\/\/www.fusioncharts.com\/blog\/#\/schema\/person\/14fbfb07e81bfbcd524a4202f34bdcbb\"\n\t            },\n\t            \"headline\": \"Create Stunning Charts in Your iOS Apps: 2026 Guide\",\n\t            \"datePublished\": \"2018-01-08T09:40:32+00:00\",\n\t            \"dateModified\": \"2026-01-20T09:06:59+00:00\",\n\t            \"mainEntityOfPage\": {\n\t                \"@id\": \"https:\/\/www.fusioncharts.com\/blog\/charts-ios-apps\/\"\n\t            },\n\t            \"wordCount\": 614,\n\t            \"commentCount\": 2,\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\/charts-ios-apps\/#primaryimage\"\n\t            },\n\t            \"thumbnailUrl\": \"\/blog\/wp-content\/uploads\/2018\/01\/Creating-Interactive-Charts-for-iOS-Apps.png\",\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\/charts-ios-apps\/#respond\"\n\t                    ]\n\t                }\n\t            ]\n\t        },\n\t        {\n\t            \"@type\": \"WebPage\",\n\t            \"@id\": \"https:\/\/www.fusioncharts.com\/blog\/charts-ios-apps\/\",\n\t            \"url\": \"https:\/\/www.fusioncharts.com\/blog\/charts-ios-apps\/\",\n\t            \"name\": \"Create Stunning Charts In Your iOS Apps\",\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\/charts-ios-apps\/#primaryimage\"\n\t            },\n\t            \"image\": {\n\t                \"@id\": \"https:\/\/www.fusioncharts.com\/blog\/charts-ios-apps\/#primaryimage\"\n\t            },\n\t            \"thumbnailUrl\": \"\/blog\/wp-content\/uploads\/2018\/01\/Creating-Interactive-Charts-for-iOS-Apps.png\",\n\t            \"datePublished\": \"2018-01-08T09:40:32+00:00\",\n\t            \"dateModified\": \"2026-01-20T09:06:59+00:00\",\n\t            \"description\": \"Create stunning charts in your native iOS apps. Use our 2026 guide to build wonderful visualizations for iPhone and iPad with just a few lines of code.\",\n\t            \"breadcrumb\": {\n\t                \"@id\": \"https:\/\/www.fusioncharts.com\/blog\/charts-ios-apps\/#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\/charts-ios-apps\/\"\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\/charts-ios-apps\/#primaryimage\",\n\t            \"url\": \"\/blog\/wp-content\/uploads\/2018\/01\/Creating-Interactive-Charts-for-iOS-Apps.png\",\n\t            \"contentUrl\": \"\/blog\/wp-content\/uploads\/2018\/01\/Creating-Interactive-Charts-for-iOS-Apps.png\",\n\t            \"width\": 2016,\n\t            \"height\": 750,\n\t            \"caption\": \"creating interactive charts in ios\"\n\t        },\n\t        {\n\t            \"@type\": \"BreadcrumbList\",\n\t            \"@id\": \"https:\/\/www.fusioncharts.com\/blog\/charts-ios-apps\/#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\": \"Create Stunning Charts in Your iOS Apps: 2026 Guide\"\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\/14fbfb07e81bfbcd524a4202f34bdcbb\",\n\t            \"name\": \"Jonathan\",\n\t            \"image\": {\n\t                \"@type\": \"ImageObject\",\n\t                \"inLanguage\": \"en-US\",\n\t                \"@id\": \"https:\/\/www.fusioncharts.com\/blog\/#\/schema\/person\/image\/0b58dff9af412d6ac90a1569df4d596c\",\n\t                \"url\": \"\/blog\/wp-content\/wphb-cache\/gravatar\/15c\/15cb55f5147ef4d792cabb9144f8160bx96.jpg\",\n\t                \"contentUrl\": \"\/blog\/wp-content\/wphb-cache\/gravatar\/15c\/15cb55f5147ef4d792cabb9144f8160bx96.jpg\",\n\t                \"caption\": \"Jonathan\"\n\t            },\n\t            \"url\": \"https:\/\/www.fusioncharts.com\/blog\/author\/jonathan\/\"\n\t        }\n\t    ]\n\t}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Create Stunning Charts In Your iOS Apps","description":"Create stunning charts in your native iOS apps. Use our 2026 guide to build wonderful visualizations for iPhone and iPad with just a few lines of code.","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\/charts-ios-apps\/","og_locale":"en_US","og_type":"article","og_title":"Create Stunning Charts In Your iOS Apps","og_description":"Create stunning charts in your native iOS apps. Use our 2026 guide to build wonderful visualizations for iPhone and iPad with just a few lines of code.","og_url":"https:\/\/www.fusioncharts.com\/blog\/charts-ios-apps\/","og_site_name":"FusionBrew - The FusionCharts Blog","article_published_time":"2018-01-08T09:40:32+00:00","article_modified_time":"2026-01-20T09:06:59+00:00","og_image":[{"width":2016,"height":750,"url":"https:\/\/www.fusioncharts.com\/blog\/wp-content\/uploads\/2018\/01\/Creating-Interactive-Charts-for-iOS-Apps.png","type":"image\/png"}],"author":"Jonathan, Gagan Sikri","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Jonathan, Gagan Sikri","Est. reading time":"5 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.fusioncharts.com\/blog\/charts-ios-apps\/#article","isPartOf":{"@id":"https:\/\/www.fusioncharts.com\/blog\/charts-ios-apps\/"},"author":{"name":"Jonathan","@id":"https:\/\/www.fusioncharts.com\/blog\/#\/schema\/person\/14fbfb07e81bfbcd524a4202f34bdcbb"},"headline":"Create Stunning Charts in Your iOS Apps: 2026 Guide","datePublished":"2018-01-08T09:40:32+00:00","dateModified":"2026-01-20T09:06:59+00:00","mainEntityOfPage":{"@id":"https:\/\/www.fusioncharts.com\/blog\/charts-ios-apps\/"},"wordCount":614,"commentCount":2,"publisher":{"@id":"https:\/\/www.fusioncharts.com\/blog\/#organization"},"image":{"@id":"https:\/\/www.fusioncharts.com\/blog\/charts-ios-apps\/#primaryimage"},"thumbnailUrl":"\/blog\/wp-content\/uploads\/2018\/01\/Creating-Interactive-Charts-for-iOS-Apps.png","articleSection":["Tutorials"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.fusioncharts.com\/blog\/charts-ios-apps\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.fusioncharts.com\/blog\/charts-ios-apps\/","url":"https:\/\/www.fusioncharts.com\/blog\/charts-ios-apps\/","name":"Create Stunning Charts In Your iOS Apps","isPartOf":{"@id":"https:\/\/www.fusioncharts.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.fusioncharts.com\/blog\/charts-ios-apps\/#primaryimage"},"image":{"@id":"https:\/\/www.fusioncharts.com\/blog\/charts-ios-apps\/#primaryimage"},"thumbnailUrl":"\/blog\/wp-content\/uploads\/2018\/01\/Creating-Interactive-Charts-for-iOS-Apps.png","datePublished":"2018-01-08T09:40:32+00:00","dateModified":"2026-01-20T09:06:59+00:00","description":"Create stunning charts in your native iOS apps. Use our 2026 guide to build wonderful visualizations for iPhone and iPad with just a few lines of code.","breadcrumb":{"@id":"https:\/\/www.fusioncharts.com\/blog\/charts-ios-apps\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.fusioncharts.com\/blog\/charts-ios-apps\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.fusioncharts.com\/blog\/charts-ios-apps\/#primaryimage","url":"\/blog\/wp-content\/uploads\/2018\/01\/Creating-Interactive-Charts-for-iOS-Apps.png","contentUrl":"\/blog\/wp-content\/uploads\/2018\/01\/Creating-Interactive-Charts-for-iOS-Apps.png","width":2016,"height":750,"caption":"creating interactive charts in ios"},{"@type":"BreadcrumbList","@id":"https:\/\/www.fusioncharts.com\/blog\/charts-ios-apps\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.fusioncharts.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Create Stunning Charts in Your iOS Apps: 2026 Guide"}]},{"@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\/14fbfb07e81bfbcd524a4202f34bdcbb","name":"Jonathan","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.fusioncharts.com\/blog\/#\/schema\/person\/image\/0b58dff9af412d6ac90a1569df4d596c","url":"\/blog\/wp-content\/wphb-cache\/gravatar\/15c\/15cb55f5147ef4d792cabb9144f8160bx96.jpg","contentUrl":"\/blog\/wp-content\/wphb-cache\/gravatar\/15c\/15cb55f5147ef4d792cabb9144f8160bx96.jpg","caption":"Jonathan"},"url":"https:\/\/www.fusioncharts.com\/blog\/author\/jonathan\/"}]}},"_links":{"self":[{"href":"https:\/\/www.fusioncharts.com\/blog\/wp-json\/wp\/v2\/posts\/16707","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\/39"}],"replies":[{"embeddable":true,"href":"https:\/\/www.fusioncharts.com\/blog\/wp-json\/wp\/v2\/comments?post=16707"}],"version-history":[{"count":0,"href":"https:\/\/www.fusioncharts.com\/blog\/wp-json\/wp\/v2\/posts\/16707\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.fusioncharts.com\/blog\/wp-json\/wp\/v2\/media\/16717"}],"wp:attachment":[{"href":"https:\/\/www.fusioncharts.com\/blog\/wp-json\/wp\/v2\/media?parent=16707"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.fusioncharts.com\/blog\/wp-json\/wp\/v2\/categories?post=16707"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.fusioncharts.com\/blog\/wp-json\/wp\/v2\/tags?post=16707"},{"taxonomy":"author","embeddable":true,"href":"https:\/\/www.fusioncharts.com\/blog\/wp-json\/wp\/v2\/coauthors?post=16707"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}