{"id":16273,"date":"2017-09-20T19:37:43","date_gmt":"2017-09-20T14:07:43","guid":{"rendered":"http:\/\/www.fusioncharts.com\/blog\/?p=16273"},"modified":"2026-01-20T14:36:52","modified_gmt":"2026-01-20T09:06:52","slug":"create-charts-using-cakephp","status":"publish","type":"post","link":"https:\/\/www.fusioncharts.com\/blog\/create-charts-using-cakephp\/","title":{"rendered":"All You Need to Know to Create Charts Using CakePHP 2026"},"content":{"rendered":"<div>One of the major reasons developers ignore standard technology languages like PHP is the issues faced with the vigor and scalability of the platform. CakePHP is one such robust open-source web framework which is stealing the limelight due to its MVC (model\u2013view\u2013controller) approach, styled along the lines of Ruby on Rails. Even though the framework is based on PHP, it follows a wholly refreshed workflow, making the development process even simpler.<\/div>\r\n<div><\/div>\r\n<div>In this post, you&#8217;ll learn about CakePHP and how to use it to create <a href=\"https:\/\/www.fusioncharts.com\/php-charts?framework=php\">data charts<\/a> and integrate them with FusionCharts Controller.<\/div>\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\/create-charts-using-cakephp\/#Rapid_Web_Development_Enabled_by_CakePHP\" title=\"Rapid Web Development Enabled by CakePHP\">Rapid Web Development Enabled by CakePHP<\/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\/create-charts-using-cakephp\/#Components_to_Create_Charts_in_CakePHP\" title=\"Components to Create Charts in CakePHP\">Components to Create Charts in CakePHP<\/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\/create-charts-using-cakephp\/#Step_1_Setting_Up_the_Virtual_Host\" title=\"Step 1. Setting Up the Virtual Host\">Step 1. Setting Up the Virtual Host<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/www.fusioncharts.com\/blog\/create-charts-using-cakephp\/#Step_2_Connecting_the_my_app_With_the_Database\" title=\"Step 2. Connecting the my_app With the Database\">Step 2. Connecting the my_app With the Database<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-5\" href=\"https:\/\/www.fusioncharts.com\/blog\/create-charts-using-cakephp\/#Step_3_Embedding_FusionCharts\" title=\"Step 3. Embedding FusionCharts\">Step 3. Embedding FusionCharts<\/a><\/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\/create-charts-using-cakephp\/#Step_4_Setting_Up_the_Fusioncharts_Controller\" title=\"Step 4. Setting Up the Fusioncharts Controller\">Step 4. Setting Up the Fusioncharts Controller<\/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\/create-charts-using-cakephp\/#Step_5_Creating_a_View_for_the_FusionchartsController\" title=\"Step 5. Creating a View for the FusionchartsController\">Step 5. Creating a View for the FusionchartsController<\/a><\/li><\/ul><\/nav><\/div>\n<h2><span class=\"ez-toc-section\" id=\"Rapid_Web_Development_Enabled_by_CakePHP\"><\/span>Rapid Web Development Enabled by CakePHP<span class=\"ez-toc-section-end\"><\/span><\/h2>\r\nWhile Agile and Waterfall development approaches are popular amongst developers, Rapid Application Development is gaining traction as it emphasizes the processes involved rather than the planning. As such, it is an ideal approach for developing software that\u2019s driven by user interface requirements.\r\n\r\nCakePHP is a relatively new framework that provides a reliable base for Rapid Application Development in PHP. This framework follows the MVC (Model-View-Controller) architecture, giving developers a more robust platform for developing apps.\r\n\r\nCakePHP supports automatic code generation using the console tool Bake, making it more straightforward for developers to develop web apps using Rapid Application Development. Additionally, the framework also supports dynamic scaffolding, allowing developers to define and create a primary application that can create, retrieve, update, and delete objects. Furthermore, it also allows developers to specify how objects are related to each other and develop and break those links.\r\n\r\nIn this tutorial, we will use a MongoDB database to store the data needed to render the chart.\r\n\r\nWithout much ado, let\u2019s get started on using the CakePHP Framework with FusionCharts to create charts.\r\n<h2><span class=\"ez-toc-section\" id=\"Components_to_Create_Charts_in_CakePHP\"><\/span>Components to Create Charts in CakePHP<span class=\"ez-toc-section-end\"><\/span><\/h2>\r\n<ol>\r\n \t<li>XAMPP (Server): We will use the XAMPP server for this tutorial. Although, you can use any other server that supports PHP and its frameworks like the MAMP server, the AMPPS server, etc. You can download XAMPP from <a href=\"https:\/\/www.apachefriends.org\/download.html\" target=\"_blank\" rel=\"noopener noreferrer\">here<\/a>; it is available across all major platforms, including Windows, OS X, and Linux.<\/li>\r\n \t<li>CakePHP Framework: CakePHP uses Composer as its package dependency manager. You can install CakePHP using the composer command given below:\r\n`php composer.phar create-project &#8211;prefer-dist cakephp\/app my_app_name`\r\nOr if Composer is installed globally:\r\n`composer self-update &amp;&amp; composer create-project &#8211;prefer-dist cakephp\/app my_app_name`\r\nRead more about\u00a0<a href=\"https:\/\/book.cakephp.org\/3.0\/en\/installation.html\" target=\"_blank\" rel=\"noopener noreferrer\">installing CakePHP and its packages.<\/a><\/li>\r\n \t<li>FusionCharts: You can download the latest version of <a href=\"https:\/\/www.fusioncharts.com\/download\/\" target=\"_blank\" rel=\"noopener noreferrer\">FusionCharts Suite XT<\/a>. Alternatively, you can also install it using the <em>npm<\/em> or <em>bower<\/em> package managers, using the commands given below:\r\nFor npm:\r\n<code>npm install fusioncharts<\/code>\r\n<code>npm install fusionmaps<\/code>\r\nFor Bower:\r\n<code>bower install fusioncharts<\/code>\r\n<code>bower install fusionmaps<\/code>\r\nFusionCharts also provides a dedicated PHP wrapper to create charts in PHP. [<a href=\"https:\/\/www.fusioncharts.com\/php-charts\/\" target=\"_blank\" rel=\"noopener noreferrer\">Download PHP Chart Wrapper<\/a>]<\/li>\r\n<\/ol>\r\nThe required environment is ready with the CakePHP skeleton application. Now, we will embed our chart in it.\r\n<h2><span class=\"ez-toc-section\" id=\"Step_1_Setting_Up_the_Virtual_Host\"><\/span>Step 1. Setting Up the Virtual Host<span class=\"ez-toc-section-end\"><\/span><\/h2>\r\nIn this step, we will define a virtual host for our application by adding the code given below in the <code>httpd-vhost.conf<\/code> file of our apache web server.\r\n<pre class=\"lang:apacheconf decode:true\">&lt;VirtualHost *:80&gt;\r\n    DocumentRoot \/path\/to\/CakePHP framework\r\n    ServerName cakePHP-tutorial.localhost\r\n    SetEnv APPLICATION_ENV \"development\"\r\n&lt;\/VirtualHost&gt;\r\n<\/pre>\r\nOnce we have made the changes in our config file, we will save the file and restart the server. We will now start our CakePHP skeleton application using this [https:\/\/cakephp-tutorial.localhost] URL to verify that we are on the right path.\r\n<h2><span class=\"ez-toc-section\" id=\"Step_2_Connecting_the_my_app_With_the_Database\"><\/span>Step 2. Connecting the my_app With the Database<span class=\"ez-toc-section-end\"><\/span><\/h2>\r\nAfter the successful installation, we noticed that the CakePHP app is still not connected to the database. We need to modify the <code>my_app\\config\\app.php<\/code> file as shown below to establish the connection with the MySQL database.\r\n<pre class=\"lang:php decode:true\">'Datasources' =&gt; [\r\n        'default' =&gt; [\r\n            'className' =&gt; 'Cake\\Database\\Connection',\r\n            'driver' =&gt; 'Cake\\Database\\Driver\\Mysql',\r\n            'persistent' =&gt; false,\r\n            'host' =&gt; 'localhost',\r\n            \/**\r\n             * CakePHP will use the default DB port based on the driver selected\r\n             * MySQL on MAMP uses port 8889, MAMP users will want to uncomment\r\n             * the following line and set the port accordingly\r\n             *\/\r\n            \/\/'port' =&gt; 'non_standard_port_number',\r\n            'username' =&gt; 'db_user_name',\r\n            'password' =&gt; 'db_user_password',\r\n            'database' =&gt; 'db_name',\r\n            'encoding' =&gt; 'utf8',\r\n            'timezone' =&gt; 'UTC',\r\n            'flags' =&gt; [],\r\n            'cacheMetadata' =&gt; true,\r\n            'log' =&gt; false,\r\n<\/pre>\r\n<h2><span class=\"ez-toc-section\" id=\"Step_3_Embedding_FusionCharts\"><\/span>Step 3. Embedding FusionCharts<span class=\"ez-toc-section-end\"><\/span><\/h2>\r\n<ol>\r\n \t<li>PHP wrapper: <a href=\"https:\/\/www.fusioncharts.com\/php-charts\/\">Download the FusionCharts PHP wrapper<\/a> and extract. Find the fusioncharts.php file and keep that file inside the folder.\r\n<a href=\"https:\/\/www.fusioncharts.com\/blog\/wp-content\/uploads\/2017\/09\/vendor.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-16306\" src=\"https:\/\/www.fusioncharts.com\/blog\/wp-content\/uploads\/2017\/09\/vendor.png\" alt=\"\" width=\"164\" height=\"171\" srcset=\"\/blog\/wp-content\/uploads\/2017\/09\/vendor.png 164w, \/blog\/wp-content\/uploads\/2017\/09\/vendor-144x150.png 144w\" sizes=\"auto, (max-width: 164px) 100vw, 164px\" \/><\/a><\/li>\r\n \t<li>FusionCharts JavaScript file: We have already downloaded the FusionCharts Suite XT, extract the js file from there and keep that inside a folder named FusionCharts and keep that folder in <code>my_app\/webroot\/js\/fusioncharts<\/code> as shown below &#8211;\r\n<a href=\"https:\/\/www.fusioncharts.com\/blog\/wp-content\/uploads\/2017\/09\/webroot.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-16307\" src=\"https:\/\/www.fusioncharts.com\/blog\/wp-content\/uploads\/2017\/09\/webroot.png\" alt=\"\" width=\"272\" height=\"483\" srcset=\"\/blog\/wp-content\/uploads\/2017\/09\/webroot.png 272w, \/blog\/wp-content\/uploads\/2017\/09\/webroot-84x150.png 84w\" sizes=\"auto, (max-width: 272px) 100vw, 272px\" \/><\/a><\/li>\r\n \t<li>Open <code>my_app\/src\/Template\/Layout\/default.ctp<\/code> file, present in the CakePHP application, and add the js file to that as the format shown below &#8211;\r\n<a href=\"https:\/\/www.fusioncharts.com\/blog\/wp-content\/uploads\/2017\/09\/default.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-16305\" src=\"https:\/\/www.fusioncharts.com\/blog\/wp-content\/uploads\/2017\/09\/default.png\" alt=\"\" width=\"544\" height=\"214\" srcset=\"\/blog\/wp-content\/uploads\/2017\/09\/default.png 544w, \/blog\/wp-content\/uploads\/2017\/09\/default-150x59.png 150w\" sizes=\"auto, (max-width: 544px) 100vw, 544px\" \/><\/a><\/li>\r\n<\/ol>\r\n<h2><span class=\"ez-toc-section\" id=\"Step_4_Setting_Up_the_Fusioncharts_Controller\"><\/span>Step 4. Setting Up the Fusioncharts Controller<span class=\"ez-toc-section-end\"><\/span><\/h2>\r\nCreate the class FusionchartsController below in the file <code>src\/Controller\/FusionchartsController.php<\/code>.\r\n<pre class=\"lang:php decode:true\">&lt;?php\r\nnamespace App\\Controller;\r\n\r\nuse App\\Controller\\AppController;\r\n\r\nclass FusionchartsController extends AppController\r\n{\r\n\tpublic function index()\r\n    {\r\n\r\n    }\r\n}<\/pre>\r\n<h2><span class=\"ez-toc-section\" id=\"Step_5_Creating_a_View_for_the_FusionchartsController\"><\/span>Step 5. Creating a View for the FusionchartsController<span class=\"ez-toc-section-end\"><\/span><\/h2>\r\nStart by creating a directory called Fusioncharts under <code>src\/Template\/Fusioncharts<\/code>. Now create the file <code>Fusionchart\/index.ctp<\/code>. This will contain the code required to render the chart.\r\n\r\nLet&#8217;s create the file <code>index.ctp<\/code> inside <code>src\/Template\/Fusioncharts<\/code>, with the following contents:\r\n<pre class=\"lang:php decode:true\">&lt;?php\r\nuse Cake\\Core\\App;\r\n\/\/including the FusionCharts PHP wrapper\r\nrequire_once(ROOT .DS. 'vendor' . DS  . 'fusioncharts' . DS . 'fusioncharts.php');\r\nuse Cake\\ORM\\TableRegistry;\r\n\/\/connecting to the database table\r\n$chartData = TableRegistry::get('mscombi2ddata');\r\n\/\/query to fetch the desired data\r\n$query = $chartData-&gt;find();\r\n\/\/creating the array contains chart attribute\r\n$arrData = array(\r\n        \"chart\" =&gt; array(\r\n             \"animation\"=&gt;\"0\",\r\n            \"caption\"=&gt; \"Albertsons SuperMart\",\r\n            \"subCaption\"=&gt; \"No. Of Visitors Last Week\",\r\n            \"xAxisName\"=&gt; \"Day\",\r\n            \"yAxisName\"=&gt; \"No. Of Visitors\",\r\n            \"showValues\"=&gt; \"0\",\r\n            \"paletteColors\"=&gt; \"#81BB76\", \r\n            \"showHoverEffect\"=&gt; \"1\",\r\n            \"use3DLighting\"=&gt; \"0\",\r\n            \"showaxislines\"=&gt; \"1\",\r\n            \"baseFontSize\"=&gt; \"13\",\r\n            \"theme\"=&gt; \"fint\"\r\n            )\r\n       );\r\n   foreach($query as $row) {\r\n         $value = $row[\"value1\"];\r\n         array_push($data, array(\r\n              \"label\" =&gt; $row[\"category\"],\r\n              \"value\" =&gt; $row[\"value1\"]\r\n                       )\r\n                  );\r\n              }\r\n\r\n      $arrData[\"data\"]=$data;\r\n\r\n\/\/encoding the dataset object in json format\r\n      $jsonEncodedData = json_encode($arrData);\r\n\r\n\/\/ chart object\r\n$columnChart = new FusionCharts(\"column2d\", \"chart-1\", \"100%\", \"300\", \"chart-container\", \"json\", $jsonEncodedData);\r\n \r\n \/\/ Render the chart\r\n $columnChart-&gt;render();\r\n?&gt;\r\n\/\/ Container to render the chart\r\n&lt;div id=\"chart-container\"&gt;&lt;\/div&gt;\r\n<\/pre>\r\nNow we will render the chart by executing the view page created for the FusionchartsController, via the browser using this URL: <em>https:\/\/cakephp-tutorial.localhost\/fusioncharts<\/em>\r\n\r\nIf you\u2019ve followed all the steps, you should have a working chart as shown in the screenshot below:\r\n\r\n<a href=\"https:\/\/www.fusioncharts.com\/blog\/wp-content\/uploads\/2017\/09\/cakephp-image.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-16301\" src=\"https:\/\/www.fusioncharts.com\/blog\/wp-content\/uploads\/2017\/09\/cakephp-image.png\" alt=\"how to create charts in cakephp\" width=\"608\" height=\"394\" srcset=\"\/blog\/wp-content\/uploads\/2017\/09\/cakephp-image.png 608w, \/blog\/wp-content\/uploads\/2017\/09\/cakephp-image-150x97.png 150w\" sizes=\"auto, (max-width: 608px) 100vw, 608px\" \/><\/a>\r\n\r\nIf you see any errors in your code, click <a href=\"https:\/\/www.dropbox.com\/s\/0ph8bk6yriuzyjr\/cakePHP.zip?dl=0\">here<\/a> to view the complete source code of the sample project we have created for this tutorial.","protected":false},"excerpt":{"rendered":"<p>One of the major reasons developers ignore standard technology languages like PHP is the issues faced with the vigor and scalability of the platform. CakePHP is one such robust open-source web framework which is stealing the limelight due to its MVC (model\u2013view\u2013controller) approach, styled along the lines of Ruby on Rails. Even though the framework [&hellip;]<\/p>\n","protected":false},"author":35,"featured_media":16310,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[18],"tags":[686],"coauthors":[653,675],"class_list":["post-16273","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-tutorials","tag-cakephp-charts"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v24.1 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>All you need to know to create charts using CakePHP<\/title>\n<meta name=\"description\" content=\"Create dynamic and interactive charts using CakePHP. Dive into our 2026 guide to boost your web development skills and data viz expertise. Start now today.\" \/>\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\/create-charts-using-cakephp\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"All you need to know to create charts using CakePHP\" \/>\n<meta property=\"og:description\" content=\"CakePHP is a robust open-source framework stealing the limelight by its MVC (model\u2013view\u2013controller) approach. Let&#039;s learn how to create charts using CakePHP\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.fusioncharts.com\/blog\/create-charts-using-cakephp\/\" \/>\n<meta property=\"og:site_name\" content=\"FusionBrew - The FusionCharts Blog\" \/>\n<meta property=\"article:published_time\" content=\"2017-09-20T14:07:43+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2026-01-20T09:06:52+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.fusioncharts.com\/blog\/wp-content\/uploads\/2017\/09\/Creating-Charts-with-CakePHP-framework-3.5-and-FusionCharts-1.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=\"Prerana Singh, Jonathan\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:title\" content=\"All you need to know to create charts using CakePHP\" \/>\n<meta name=\"twitter:image\" content=\"http:\/\/www.fusioncharts.com\/blog\/wp-content\/uploads\/2017\/09\/Creating-Charts-with-CakePHP-framework-3.5-and-FusionCharts-1.jpg\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Prerana Singh, Jonathan\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"6 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\/create-charts-using-cakephp\/#article\",\n\t            \"isPartOf\": {\n\t                \"@id\": \"https:\/\/www.fusioncharts.com\/blog\/create-charts-using-cakephp\/\"\n\t            },\n\t            \"author\": {\n\t                \"name\": \"Prerana Singh\",\n\t                \"@id\": \"https:\/\/www.fusioncharts.com\/blog\/#\/schema\/person\/d160bebbc408a11542797e038733b9ce\"\n\t            },\n\t            \"headline\": \"All You Need to Know to Create Charts Using CakePHP 2026\",\n\t            \"datePublished\": \"2017-09-20T14:07:43+00:00\",\n\t            \"dateModified\": \"2026-01-20T09:06:52+00:00\",\n\t            \"mainEntityOfPage\": {\n\t                \"@id\": \"https:\/\/www.fusioncharts.com\/blog\/create-charts-using-cakephp\/\"\n\t            },\n\t            \"wordCount\": 788,\n\t            \"commentCount\": 1,\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\/create-charts-using-cakephp\/#primaryimage\"\n\t            },\n\t            \"thumbnailUrl\": \"\/blog\/wp-content\/uploads\/2017\/09\/Creating-Charts-with-CakePHP-framework-3.5-and-FusionCharts-1.jpg\",\n\t            \"keywords\": [\n\t                \"cakePHP charts\"\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\/create-charts-using-cakephp\/#respond\"\n\t                    ]\n\t                }\n\t            ]\n\t        },\n\t        {\n\t            \"@type\": \"WebPage\",\n\t            \"@id\": \"https:\/\/www.fusioncharts.com\/blog\/create-charts-using-cakephp\/\",\n\t            \"url\": \"https:\/\/www.fusioncharts.com\/blog\/create-charts-using-cakephp\/\",\n\t            \"name\": \"All you need to know to create charts using CakePHP\",\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\/create-charts-using-cakephp\/#primaryimage\"\n\t            },\n\t            \"image\": {\n\t                \"@id\": \"https:\/\/www.fusioncharts.com\/blog\/create-charts-using-cakephp\/#primaryimage\"\n\t            },\n\t            \"thumbnailUrl\": \"\/blog\/wp-content\/uploads\/2017\/09\/Creating-Charts-with-CakePHP-framework-3.5-and-FusionCharts-1.jpg\",\n\t            \"datePublished\": \"2017-09-20T14:07:43+00:00\",\n\t            \"dateModified\": \"2026-01-20T09:06:52+00:00\",\n\t            \"description\": \"Create dynamic and interactive charts using CakePHP. Dive into our 2026 guide to boost your web development skills and data viz expertise. Start now today.\",\n\t            \"breadcrumb\": {\n\t                \"@id\": \"https:\/\/www.fusioncharts.com\/blog\/create-charts-using-cakephp\/#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\/create-charts-using-cakephp\/\"\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\/create-charts-using-cakephp\/#primaryimage\",\n\t            \"url\": \"\/blog\/wp-content\/uploads\/2017\/09\/Creating-Charts-with-CakePHP-framework-3.5-and-FusionCharts-1.jpg\",\n\t            \"contentUrl\": \"\/blog\/wp-content\/uploads\/2017\/09\/Creating-Charts-with-CakePHP-framework-3.5-and-FusionCharts-1.jpg\",\n\t            \"width\": 2016,\n\t            \"height\": 750\n\t        },\n\t        {\n\t            \"@type\": \"BreadcrumbList\",\n\t            \"@id\": \"https:\/\/www.fusioncharts.com\/blog\/create-charts-using-cakephp\/#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\": \"All You Need to Know to Create Charts Using CakePHP 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\/d160bebbc408a11542797e038733b9ce\",\n\t            \"name\": \"Prerana Singh\",\n\t            \"image\": {\n\t                \"@type\": \"ImageObject\",\n\t                \"inLanguage\": \"en-US\",\n\t                \"@id\": \"https:\/\/www.fusioncharts.com\/blog\/#\/schema\/person\/image\/c3a2501c113e420c92343a5caf1ccc58\",\n\t                \"url\": \"\/blog\/wp-content\/wphb-cache\/gravatar\/883\/8839d500f92b36cec1f99073ef09cf90x96.jpg\",\n\t                \"contentUrl\": \"\/blog\/wp-content\/wphb-cache\/gravatar\/883\/8839d500f92b36cec1f99073ef09cf90x96.jpg\",\n\t                \"caption\": \"Prerana Singh\"\n\t            },\n\t            \"url\": \"https:\/\/www.fusioncharts.com\/blog\/author\/prerana-singh\/\"\n\t        }\n\t    ]\n\t}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"All you need to know to create charts using CakePHP","description":"Create dynamic and interactive charts using CakePHP. Dive into our 2026 guide to boost your web development skills and data viz expertise. Start now today.","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\/create-charts-using-cakephp\/","og_locale":"en_US","og_type":"article","og_title":"All you need to know to create charts using CakePHP","og_description":"CakePHP is a robust open-source framework stealing the limelight by its MVC (model\u2013view\u2013controller) approach. Let's learn how to create charts using CakePHP","og_url":"https:\/\/www.fusioncharts.com\/blog\/create-charts-using-cakephp\/","og_site_name":"FusionBrew - The FusionCharts Blog","article_published_time":"2017-09-20T14:07:43+00:00","article_modified_time":"2026-01-20T09:06:52+00:00","og_image":[{"width":2016,"height":750,"url":"https:\/\/www.fusioncharts.com\/blog\/wp-content\/uploads\/2017\/09\/Creating-Charts-with-CakePHP-framework-3.5-and-FusionCharts-1.jpg","type":"image\/jpeg"}],"author":"Prerana Singh, Jonathan","twitter_card":"summary_large_image","twitter_title":"All you need to know to create charts using CakePHP","twitter_image":"http:\/\/www.fusioncharts.com\/blog\/wp-content\/uploads\/2017\/09\/Creating-Charts-with-CakePHP-framework-3.5-and-FusionCharts-1.jpg","twitter_misc":{"Written by":"Prerana Singh, Jonathan","Est. reading time":"6 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.fusioncharts.com\/blog\/create-charts-using-cakephp\/#article","isPartOf":{"@id":"https:\/\/www.fusioncharts.com\/blog\/create-charts-using-cakephp\/"},"author":{"name":"Prerana Singh","@id":"https:\/\/www.fusioncharts.com\/blog\/#\/schema\/person\/d160bebbc408a11542797e038733b9ce"},"headline":"All You Need to Know to Create Charts Using CakePHP 2026","datePublished":"2017-09-20T14:07:43+00:00","dateModified":"2026-01-20T09:06:52+00:00","mainEntityOfPage":{"@id":"https:\/\/www.fusioncharts.com\/blog\/create-charts-using-cakephp\/"},"wordCount":788,"commentCount":1,"publisher":{"@id":"https:\/\/www.fusioncharts.com\/blog\/#organization"},"image":{"@id":"https:\/\/www.fusioncharts.com\/blog\/create-charts-using-cakephp\/#primaryimage"},"thumbnailUrl":"\/blog\/wp-content\/uploads\/2017\/09\/Creating-Charts-with-CakePHP-framework-3.5-and-FusionCharts-1.jpg","keywords":["cakePHP charts"],"articleSection":["Tutorials"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.fusioncharts.com\/blog\/create-charts-using-cakephp\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.fusioncharts.com\/blog\/create-charts-using-cakephp\/","url":"https:\/\/www.fusioncharts.com\/blog\/create-charts-using-cakephp\/","name":"All you need to know to create charts using CakePHP","isPartOf":{"@id":"https:\/\/www.fusioncharts.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.fusioncharts.com\/blog\/create-charts-using-cakephp\/#primaryimage"},"image":{"@id":"https:\/\/www.fusioncharts.com\/blog\/create-charts-using-cakephp\/#primaryimage"},"thumbnailUrl":"\/blog\/wp-content\/uploads\/2017\/09\/Creating-Charts-with-CakePHP-framework-3.5-and-FusionCharts-1.jpg","datePublished":"2017-09-20T14:07:43+00:00","dateModified":"2026-01-20T09:06:52+00:00","description":"Create dynamic and interactive charts using CakePHP. Dive into our 2026 guide to boost your web development skills and data viz expertise. Start now today.","breadcrumb":{"@id":"https:\/\/www.fusioncharts.com\/blog\/create-charts-using-cakephp\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.fusioncharts.com\/blog\/create-charts-using-cakephp\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.fusioncharts.com\/blog\/create-charts-using-cakephp\/#primaryimage","url":"\/blog\/wp-content\/uploads\/2017\/09\/Creating-Charts-with-CakePHP-framework-3.5-and-FusionCharts-1.jpg","contentUrl":"\/blog\/wp-content\/uploads\/2017\/09\/Creating-Charts-with-CakePHP-framework-3.5-and-FusionCharts-1.jpg","width":2016,"height":750},{"@type":"BreadcrumbList","@id":"https:\/\/www.fusioncharts.com\/blog\/create-charts-using-cakephp\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.fusioncharts.com\/blog\/"},{"@type":"ListItem","position":2,"name":"All You Need to Know to Create Charts Using CakePHP 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\/d160bebbc408a11542797e038733b9ce","name":"Prerana Singh","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.fusioncharts.com\/blog\/#\/schema\/person\/image\/c3a2501c113e420c92343a5caf1ccc58","url":"\/blog\/wp-content\/wphb-cache\/gravatar\/883\/8839d500f92b36cec1f99073ef09cf90x96.jpg","contentUrl":"\/blog\/wp-content\/wphb-cache\/gravatar\/883\/8839d500f92b36cec1f99073ef09cf90x96.jpg","caption":"Prerana Singh"},"url":"https:\/\/www.fusioncharts.com\/blog\/author\/prerana-singh\/"}]}},"_links":{"self":[{"href":"https:\/\/www.fusioncharts.com\/blog\/wp-json\/wp\/v2\/posts\/16273","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\/35"}],"replies":[{"embeddable":true,"href":"https:\/\/www.fusioncharts.com\/blog\/wp-json\/wp\/v2\/comments?post=16273"}],"version-history":[{"count":0,"href":"https:\/\/www.fusioncharts.com\/blog\/wp-json\/wp\/v2\/posts\/16273\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.fusioncharts.com\/blog\/wp-json\/wp\/v2\/media\/16310"}],"wp:attachment":[{"href":"https:\/\/www.fusioncharts.com\/blog\/wp-json\/wp\/v2\/media?parent=16273"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.fusioncharts.com\/blog\/wp-json\/wp\/v2\/categories?post=16273"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.fusioncharts.com\/blog\/wp-json\/wp\/v2\/tags?post=16273"},{"taxonomy":"author","embeddable":true,"href":"https:\/\/www.fusioncharts.com\/blog\/wp-json\/wp\/v2\/coauthors?post=16273"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}