Table of Contents<\/p>\n<\/div>Now that we have the basics sufficiently covered, let\u2019s get started…<\/a><\/li>Next, we move on to how you can create the database<\/a><\/li><\/ul><\/li>STEP I (Configuration)<\/a><\/li>STEP II<\/a><\/li>STEP III (Main Page)<\/a><\/li><\/ul><\/nav><\/div>\n<\/span>Now that we have the basics sufficiently covered, let\u2019s get started…<\/span><\/h3>\r\n\r\nTo get the code in this blog working, we need to install the following components:\r\n\r\n\r\nXAMPP [Download Link<\/a>]\r\nNote:<\/b> For v3.2.2<\/li>\r\nMongoDB [Download Link<\/a>] [Setup<\/a>]\r\nNote:<\/b> For v.3.2.10<\/li>\r\nPHP driver for MongoDB [Download Link]\r\nNote:<\/b> For v5.6.23<\/li>\r\nFusionCharts Suite XT [Download Link<\/a>]<\/li>\r\nFusionCharts PHP Wrapper [Download Link<\/a>]<\/li>\r\nComposer [Download Link<\/a>]<\/li><\/ul>\r\n\r\nMake sure that all the above mentioned components are present in the system and are working as expected.\r\n\r\n<\/span>Next, we move on to how you can create the database<\/span><\/h3>\r\n\r\nStep 1:<\/b> Execute the command \u201cmongod<\/b>\u201d using the shell to run the mongodb server.\r\n\r\n\r\n\r\nStep 2:<\/b> Create a json file that contains the data that goes into the database and will used as the source data for the chart. We\u2019ll name this file as fuel_price.json<\/b>.\r\n\r\n[\r\n {\r\n \"month\": \"Jan\", \"petrol\" : 64.72, \"diesel\": 52.49\r\n },\r\n {\r\n \"month\": \"Feb\", \"petrol\" : 62.81, \"diesel\": 50.72\r\n },\r\n {\r\n \"month\": \"Mar\", \"petrol\" : 66.18, \"diesel\": 54.06\r\n },\r\n {\r\n \"month\": \"Apr\", \"petrol\" : 65.17, \"diesel\": 51.74\r\n },\r\n {\r\n \"month\": \"May\", \"petrol\" : 72.94, \"diesel\": 57.23\r\n },\r\n {\r\n \"month\": \"Jun\", \"petrol\" : 73.77, \"diesel\": 55.83\r\n },\r\n {\r\n \"month\": \"Jul\", \"petrol\" : 70.7, \"diesel\": 52.59\r\n },\r\n {\r\n \"month\": \"Aug\", \"petrol\" : 66.72, \"diesel\": 47.54\r\n },\r\n {\r\n \"month\": \"Sept\", \"petrol\" : 64.61, \"diesel\": 47.02\r\n }\r\n]<\/pre>\r\n\r\nStep 3:<\/b> Import the .json<\/b> file created in Step 2 into mongodb using the command shown below.\r\n\r\nmongoimport -d database_name -c collection_name –type json –file complete path for the json file –jsonArray<\/h5>\r\n\r\n<\/a>\r\n\r\nStep 4:<\/b> Next, open another shell to run the command \u201cmongo<\/b>\u201d.\r\n\r\n<\/a>\r\n\r\nNow we need to verify if our data has been imported correctly into the database or no. To do this, you need to execute the following commands:\r\n\r\n\r\nUse the \u201cshow dbs<\/b>\u201d command to see your database. A list of the databases present is shown.<\/li>\r\nFrom this list, select the required database using the \u201cuse database_name<\/b>\u201d command. <\/li>\r\nNext, use the \u201cshow collections<\/b>\u201d command, which shows the collections inside your database.<\/li>\r\nFor seeing the contents of a specific collection, execute the \u201cdb.collection_name.find()<\/b>\u201d command .<\/li>\r\n<\/ul>\r\n\r\n<\/a>\r\n\r\nWith this, we are done with creating the database.\r\n\r\nNow lets move to the coding part that is a three-step process with, multiple sub-steps.\r\n\r\n<\/span>STEP I (Configuration)<\/span><\/h2>\r\n\r\nCreate a file and save it as config.php<\/b> inside the project folder.\r\n\r\n\r\nInclude the \u2018autoload.php\u2019 file that is required for using mongodb with php.\r\n require 'vendor\\autoload.php';<\/pre><\/li>\r\nNext, we need to create the connection between php and mongoDB.\r\n $connection = new MongoDB\\Client;<\/pre><\/li>\r\n<\/ul>\r\n\r\nAfter completion of the configuration, the php code will look like this.\r\n\r\n<\/pre>\r\n\r\n<\/span>STEP II<\/span><\/h2>\r\n\r\n\r\nExtract the FusionCharts Suite XT zip and keep all the script files in a new folder inside the project folder, as shown below. Here, we have named the new folder as fusioncharts<\/b>.<\/li>\r\n\r\nExtract the fusioncharts PHP wrapper and keep the fusioncharts.php<\/b> file inside the same folder created in the previous step for keeping the script files (for our example, fusioncharts).<\/li>\r\n<\/ul>\r\n\r\n<\/span>STEP III (Main Page)<\/span><\/h2>\r\n\r\n\r\nCreate a file multiseries_mongodb.php<\/b>, because we will be creating a multi-series chart using mongodb. Include the config.php file inside this file, using the command shown below:\r\nrequire 'config.php';<\/pre><\/li>\r\n\r\nInclude the \u2018fusioncharts.php<\/b>\u2019 file that contains functions to embed fusioncharts in php.\r\n include(\"fusioncharts\/fusioncharts.php\")<\/pre><\/li>\r\n\r\nAdd the fusioncharts script file.\r\n<hepad>\r\n \t<script src=\"fusioncharts\/fusioncharts.js\"><\/script>\r\n \t<script src=\"fusioncharts\/fusioncharts.theme.fint.js\"><\/script>\r\n <\/hepad><\/pre><\/li>\r\n\r\nRetrieve data from the database:<\/b> Include the php code within the body tag. First, retrieve the data from the database and store it in a variable. Here we are storing the data in a variable called $myObj<\/b>.\r\nmyProject;\r\n$myObj = $db->chartData->find();\r\n?><\/pre>\r\nHere chartData is the collection name in the database myProject.<\/li>\r\n\r\nForm an associative array:<\/b> As $myObj<\/b> is a mongo cursor, we need to convert it to an associative array.\r\n\/\/convert mongoCursor into an array\r\n $data=iterator_to_array($myObj);<\/pre>\r\nThereafter, sort the associative array in an ascending order (if required).\r\nasort($data);<\/pre><\/li>\r\n\r\nNext, we will create an array that will contain the dataset\u2014the chart attributes and the data\u2014fetched from the database.\r\n$categoryArray=array();\r\n $dataseries1=array();\r\n $dataseries2=array();\r\n foreach ($data as $dataset) {\r\n array_push($categoryArray, array(\r\n \"label\" => $dataset[\"month\"]\r\n )\r\n );\r\n array_push($dataseries1, array(\r\n \"value\" => $dataset[\"petrol\"]\r\n )\r\n );\r\n array_push($dataseries2, array(\r\n \"value\" => $dataset[\"diesel\"]\r\n )\r\n );\r\n }\r\n$arrData = array(\r\n \"chart\" => array(\r\n \"caption\"=> \"Comparison of Petrol and Diesel price\",\r\n \"xAxisname\"=> \"Month\",\r\n \"yAxisName\"=> \"Price\",\r\n \"plotFillAlpha\"=> \"80\",\r\n \"showValues\"=> \"0\",\r\n \"bgcolor\"=>\"#89C3C4\",\r\n \"canvasbgcolor\"=>\"#A0CBC2\",\r\n \"paletteColors\"=> \"#00B1C1,#0184B8\",\r\n \"baseFont\"=> \"Open Sans\",\r\n \"showPlotBorder\"=>\"1\",\r\n \"theme\" => \"fint\"\r\n )\r\n );\r\n $arrData[\"categories\"]=array(array(\"category\"=>$categoryArray));\r\n \/\/ creating dataset object\r\n $arrData[\"dataset\"] = array(array(\"seriesName\"=> \"Petrol_price\", \"data\"=>$dataseries1), array(\"seriesName\"=> \"Diesel_price\", \"renderAs\"=>\"line\", \"data\"=>$dataseries2)); <\/pre><\/li>\r\n\r\nThe associative array created in the above step will now have to be encoded into a json format that is required to render the chart.\r\n$jsonEncodedData = json_encode($arrData);<\/pre><\/li>\r\nNow, we create the chart object and render the chart using render()<\/b> function.\r\n$msChart = new FusionCharts(\"msline\",\"chart1\" , \"100%\", \"400\", \"chart-container\", \"json\", $jsonEncodedData);\r\n\r\n$msChart->render();<\/pre><\/li>\r\n\r\nNext, we close the php tag and continue with the html part by defining the dom element, where the chart will render.\r\n<div id=\"chart-container\">Fusion Charts will render here<\/div><\/pre>\r\n<\/li>\r\nFinally, execute the php code using any browser.\r\neg. https:\/\/localhost\/phpMongodb\/multiSeries_mongodb.php\r\n\r\nYour output should be like the image shown below:<\/li>\r\n<\/ul>\r\n\r\n\r\n\r\nIf you see any errors in your code, click here<\/a> to download the complete source code of the sample project we have created for this tutorial.","protected":false},"excerpt":{"rendered":"PHP is one of the most widely used server side languages. We\u2019ve already got detailed documentation on how PHP can be easily integrated with FusionCharts using the FusionCharts-PHP wrapper. We also had a recent blog post on how you can use the Zend Framework (a cluster of PHP packages) with FusionCharts. PHP is fairly easy […]<\/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":[604,607,250,265,283,606,605],"coauthors":[647,653],"class_list":["post-15572","post","type-post","status-publish","format-standard","hentry","category-tutorials","tag-create-charts-using-php-and-mongodb","tag-fusioncharts-php-wrapper","tag-mongodb","tag-nosql","tag-php","tag-php-driver-for-mongodb","tag-xampp"],"yoast_head":"\nCreate Charts Using PHP and MongoDB: 2026 Stack Tips<\/title>\n<meta name=\"description\" content=\"Learn to create charts using PHP and MongoDB. Follow our 2026 stack tips and tricks to integrate the world's most popular server-side language with modern data.\" \/>\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-php-mongodb\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Create Charts Using PHP and MongoDB: 2026 Stack Tips\" \/>\n<meta property=\"og:description\" content=\"Learn to create charts using PHP and MongoDB. Follow our 2026 stack tips and tricks to integrate the world's most popular server-side language with modern data.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.fusioncharts.com\/blog\/create-charts-using-php-mongodb\/\" \/>\n<meta property=\"og:site_name\" content=\"FusionBrew - The FusionCharts Blog\" \/>\n<meta property=\"article:published_time\" content=\"2017-01-06T10:57:37+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2026-01-20T09:10:55+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.fusioncharts.com\/blog\/wp-content\/uploads\/2017\/01\/importData.png\" \/>\n\t<meta property=\"og:image:width\" content=\"620\" \/>\n\t<meta property=\"og:image:height\" content=\"100\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Dishank Tiwari, Prerana Singh\" \/>\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, Prerana Singh\" \/>\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-php-mongodb\/#article\",\n\t \"isPartOf\": {\n\t \"@id\": \"https:\/\/www.fusioncharts.com\/blog\/create-charts-using-php-mongodb\/\"\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\": \"Create Charts Using PHP and MongoDB: 2026 Stack Tips\",\n\t \"datePublished\": \"2017-01-06T10:57:37+00:00\",\n\t \"dateModified\": \"2026-01-20T09:10:55+00:00\",\n\t \"mainEntityOfPage\": {\n\t \"@id\": \"https:\/\/www.fusioncharts.com\/blog\/create-charts-using-php-mongodb\/\"\n\t },\n\t \"wordCount\": 963,\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\/create-charts-using-php-mongodb\/#primaryimage\"\n\t },\n\t \"thumbnailUrl\": \"https:\/\/www.fusioncharts.com\/blog\/wp-content\/uploads\/gallery\/blog\/2017\/01\/importData.png\",\n\t \"keywords\": [\n\t \"Create Charts using PHP and MongoDB\",\n\t \"FusionCharts PHP Wrapper\",\n\t \"MongoDB\",\n\t \"NoSQL\",\n\t \"php\",\n\t \"PHP driver for MongoDB\",\n\t \"XAMPP\"\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-php-mongodb\/#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-php-mongodb\/\",\n\t \"url\": \"https:\/\/www.fusioncharts.com\/blog\/create-charts-using-php-mongodb\/\",\n\t \"name\": \"Create Charts Using PHP and MongoDB: 2026 Stack Tips\",\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-php-mongodb\/#primaryimage\"\n\t },\n\t \"image\": {\n\t \"@id\": \"https:\/\/www.fusioncharts.com\/blog\/create-charts-using-php-mongodb\/#primaryimage\"\n\t },\n\t \"thumbnailUrl\": \"https:\/\/www.fusioncharts.com\/blog\/wp-content\/uploads\/gallery\/blog\/2017\/01\/importData.png\",\n\t \"datePublished\": \"2017-01-06T10:57:37+00:00\",\n\t \"dateModified\": \"2026-01-20T09:10:55+00:00\",\n\t \"description\": \"Learn to create charts using PHP and MongoDB. Follow our 2026 stack tips and tricks to integrate the world's most popular server-side language with modern data.\",\n\t \"breadcrumb\": {\n\t \"@id\": \"https:\/\/www.fusioncharts.com\/blog\/create-charts-using-php-mongodb\/#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-php-mongodb\/\"\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-php-mongodb\/#primaryimage\",\n\t \"url\": \"https:\/\/www.fusioncharts.com\/blog\/wp-content\/uploads\/gallery\/blog\/2017\/01\/importData.png\",\n\t \"contentUrl\": \"https:\/\/www.fusioncharts.com\/blog\/wp-content\/uploads\/gallery\/blog\/2017\/01\/importData.png\"\n\t },\n\t {\n\t \"@type\": \"BreadcrumbList\",\n\t \"@id\": \"https:\/\/www.fusioncharts.com\/blog\/create-charts-using-php-mongodb\/#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 Charts Using PHP and MongoDB: 2026 Stack Tips\"\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":"Create Charts Using PHP and MongoDB: 2026 Stack Tips","description":"Learn to create charts using PHP and MongoDB. Follow our 2026 stack tips and tricks to integrate the world's most popular server-side language with modern data.","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-php-mongodb\/","og_locale":"en_US","og_type":"article","og_title":"Create Charts Using PHP and MongoDB: 2026 Stack Tips","og_description":"Learn to create charts using PHP and MongoDB. Follow our 2026 stack tips and tricks to integrate the world's most popular server-side language with modern data.","og_url":"https:\/\/www.fusioncharts.com\/blog\/create-charts-using-php-mongodb\/","og_site_name":"FusionBrew - The FusionCharts Blog","article_published_time":"2017-01-06T10:57:37+00:00","article_modified_time":"2026-01-20T09:10:55+00:00","og_image":[{"width":620,"height":100,"url":"https:\/\/www.fusioncharts.com\/blog\/wp-content\/uploads\/2017\/01\/importData.png","type":"image\/png"}],"author":"Dishank Tiwari, Prerana Singh","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Dishank Tiwari, Prerana Singh","Est. reading time":"6 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.fusioncharts.com\/blog\/create-charts-using-php-mongodb\/#article","isPartOf":{"@id":"https:\/\/www.fusioncharts.com\/blog\/create-charts-using-php-mongodb\/"},"author":{"name":"Dishank Tiwari","@id":"https:\/\/www.fusioncharts.com\/blog\/#\/schema\/person\/9106ebef0b6b4fec8a2bb46862ee02ad"},"headline":"Create Charts Using PHP and MongoDB: 2026 Stack Tips","datePublished":"2017-01-06T10:57:37+00:00","dateModified":"2026-01-20T09:10:55+00:00","mainEntityOfPage":{"@id":"https:\/\/www.fusioncharts.com\/blog\/create-charts-using-php-mongodb\/"},"wordCount":963,"commentCount":0,"publisher":{"@id":"https:\/\/www.fusioncharts.com\/blog\/#organization"},"image":{"@id":"https:\/\/www.fusioncharts.com\/blog\/create-charts-using-php-mongodb\/#primaryimage"},"thumbnailUrl":"https:\/\/www.fusioncharts.com\/blog\/wp-content\/uploads\/gallery\/blog\/2017\/01\/importData.png","keywords":["Create Charts using PHP and MongoDB","FusionCharts PHP Wrapper","MongoDB","NoSQL","php","PHP driver for MongoDB","XAMPP"],"articleSection":["Tutorials"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.fusioncharts.com\/blog\/create-charts-using-php-mongodb\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.fusioncharts.com\/blog\/create-charts-using-php-mongodb\/","url":"https:\/\/www.fusioncharts.com\/blog\/create-charts-using-php-mongodb\/","name":"Create Charts Using PHP and MongoDB: 2026 Stack Tips","isPartOf":{"@id":"https:\/\/www.fusioncharts.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.fusioncharts.com\/blog\/create-charts-using-php-mongodb\/#primaryimage"},"image":{"@id":"https:\/\/www.fusioncharts.com\/blog\/create-charts-using-php-mongodb\/#primaryimage"},"thumbnailUrl":"https:\/\/www.fusioncharts.com\/blog\/wp-content\/uploads\/gallery\/blog\/2017\/01\/importData.png","datePublished":"2017-01-06T10:57:37+00:00","dateModified":"2026-01-20T09:10:55+00:00","description":"Learn to create charts using PHP and MongoDB. Follow our 2026 stack tips and tricks to integrate the world's most popular server-side language with modern data.","breadcrumb":{"@id":"https:\/\/www.fusioncharts.com\/blog\/create-charts-using-php-mongodb\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.fusioncharts.com\/blog\/create-charts-using-php-mongodb\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.fusioncharts.com\/blog\/create-charts-using-php-mongodb\/#primaryimage","url":"https:\/\/www.fusioncharts.com\/blog\/wp-content\/uploads\/gallery\/blog\/2017\/01\/importData.png","contentUrl":"https:\/\/www.fusioncharts.com\/blog\/wp-content\/uploads\/gallery\/blog\/2017\/01\/importData.png"},{"@type":"BreadcrumbList","@id":"https:\/\/www.fusioncharts.com\/blog\/create-charts-using-php-mongodb\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.fusioncharts.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Create Charts Using PHP and MongoDB: 2026 Stack Tips"}]},{"@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\/15572","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=15572"}],"version-history":[{"count":0,"href":"https:\/\/www.fusioncharts.com\/blog\/wp-json\/wp\/v2\/posts\/15572\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.fusioncharts.com\/blog\/wp-json\/wp\/v2\/media?parent=15572"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.fusioncharts.com\/blog\/wp-json\/wp\/v2\/categories?post=15572"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.fusioncharts.com\/blog\/wp-json\/wp\/v2\/tags?post=15572"},{"taxonomy":"author","embeddable":true,"href":"https:\/\/www.fusioncharts.com\/blog\/wp-json\/wp\/v2\/coauthors?post=15572"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}
[\r\n {\r\n \"month\": \"Jan\", \"petrol\" : 64.72, \"diesel\": 52.49\r\n },\r\n {\r\n \"month\": \"Feb\", \"petrol\" : 62.81, \"diesel\": 50.72\r\n },\r\n {\r\n \"month\": \"Mar\", \"petrol\" : 66.18, \"diesel\": 54.06\r\n },\r\n {\r\n \"month\": \"Apr\", \"petrol\" : 65.17, \"diesel\": 51.74\r\n },\r\n {\r\n \"month\": \"May\", \"petrol\" : 72.94, \"diesel\": 57.23\r\n },\r\n {\r\n \"month\": \"Jun\", \"petrol\" : 73.77, \"diesel\": 55.83\r\n },\r\n {\r\n \"month\": \"Jul\", \"petrol\" : 70.7, \"diesel\": 52.59\r\n },\r\n {\r\n \"month\": \"Aug\", \"petrol\" : 66.72, \"diesel\": 47.54\r\n },\r\n {\r\n \"month\": \"Sept\", \"petrol\" : 64.61, \"diesel\": 47.02\r\n }\r\n]<\/pre>\r\n\r\nStep 3:<\/b> Import the .json<\/b> file created in Step 2 into mongodb using the command shown below.\r\n\r\nmongoimport -d database_name -c collection_name –type json –file complete path for the json file –jsonArray<\/h5>\r\n\r\n<\/a>\r\n\r\nStep 4:<\/b> Next, open another shell to run the command \u201cmongo<\/b>\u201d.\r\n\r\n<\/a>\r\n\r\nNow we need to verify if our data has been imported correctly into the database or no. To do this, you need to execute the following commands:\r\n\r\n\r\nUse the \u201cshow dbs<\/b>\u201d command to see your database. A list of the databases present is shown.<\/li>\r\nFrom this list, select the required database using the \u201cuse database_name<\/b>\u201d command. <\/li>\r\nNext, use the \u201cshow collections<\/b>\u201d command, which shows the collections inside your database.<\/li>\r\nFor seeing the contents of a specific collection, execute the \u201cdb.collection_name.find()<\/b>\u201d command .<\/li>\r\n<\/ul>\r\n\r\n<\/a>\r\n\r\nWith this, we are done with creating the database.\r\n\r\nNow lets move to the coding part that is a three-step process with, multiple sub-steps.\r\n\r\n<\/span>STEP I (Configuration)<\/span><\/h2>\r\n\r\nCreate a file and save it as config.php<\/b> inside the project folder.\r\n\r\n\r\nInclude the \u2018autoload.php\u2019 file that is required for using mongodb with php.\r\n require 'vendor\\autoload.php';<\/pre><\/li>\r\nNext, we need to create the connection between php and mongoDB.\r\n $connection = new MongoDB\\Client;<\/pre><\/li>\r\n<\/ul>\r\n\r\nAfter completion of the configuration, the php code will look like this.\r\n\r\n<\/pre>\r\n\r\n<\/span>STEP II<\/span><\/h2>\r\n\r\n\r\nExtract the FusionCharts Suite XT zip and keep all the script files in a new folder inside the project folder, as shown below. Here, we have named the new folder as fusioncharts<\/b>.<\/li>\r\n\r\nExtract the fusioncharts PHP wrapper and keep the fusioncharts.php<\/b> file inside the same folder created in the previous step for keeping the script files (for our example, fusioncharts).<\/li>\r\n<\/ul>\r\n\r\n<\/span>STEP III (Main Page)<\/span><\/h2>\r\n\r\n\r\nCreate a file multiseries_mongodb.php<\/b>, because we will be creating a multi-series chart using mongodb. Include the config.php file inside this file, using the command shown below:\r\nrequire 'config.php';<\/pre><\/li>\r\n\r\nInclude the \u2018fusioncharts.php<\/b>\u2019 file that contains functions to embed fusioncharts in php.\r\n include(\"fusioncharts\/fusioncharts.php\")<\/pre><\/li>\r\n\r\nAdd the fusioncharts script file.\r\n<hepad>\r\n \t<script src=\"fusioncharts\/fusioncharts.js\"><\/script>\r\n \t<script src=\"fusioncharts\/fusioncharts.theme.fint.js\"><\/script>\r\n <\/hepad><\/pre><\/li>\r\n\r\nRetrieve data from the database:<\/b> Include the php code within the body tag. First, retrieve the data from the database and store it in a variable. Here we are storing the data in a variable called $myObj<\/b>.\r\nmyProject;\r\n$myObj = $db->chartData->find();\r\n?><\/pre>\r\nHere chartData is the collection name in the database myProject.<\/li>\r\n\r\nForm an associative array:<\/b> As $myObj<\/b> is a mongo cursor, we need to convert it to an associative array.\r\n\/\/convert mongoCursor into an array\r\n $data=iterator_to_array($myObj);<\/pre>\r\nThereafter, sort the associative array in an ascending order (if required).\r\nasort($data);<\/pre><\/li>\r\n\r\nNext, we will create an array that will contain the dataset\u2014the chart attributes and the data\u2014fetched from the database.\r\n$categoryArray=array();\r\n $dataseries1=array();\r\n $dataseries2=array();\r\n foreach ($data as $dataset) {\r\n array_push($categoryArray, array(\r\n \"label\" => $dataset[\"month\"]\r\n )\r\n );\r\n array_push($dataseries1, array(\r\n \"value\" => $dataset[\"petrol\"]\r\n )\r\n );\r\n array_push($dataseries2, array(\r\n \"value\" => $dataset[\"diesel\"]\r\n )\r\n );\r\n }\r\n$arrData = array(\r\n \"chart\" => array(\r\n \"caption\"=> \"Comparison of Petrol and Diesel price\",\r\n \"xAxisname\"=> \"Month\",\r\n \"yAxisName\"=> \"Price\",\r\n \"plotFillAlpha\"=> \"80\",\r\n \"showValues\"=> \"0\",\r\n \"bgcolor\"=>\"#89C3C4\",\r\n \"canvasbgcolor\"=>\"#A0CBC2\",\r\n \"paletteColors\"=> \"#00B1C1,#0184B8\",\r\n \"baseFont\"=> \"Open Sans\",\r\n \"showPlotBorder\"=>\"1\",\r\n \"theme\" => \"fint\"\r\n )\r\n );\r\n $arrData[\"categories\"]=array(array(\"category\"=>$categoryArray));\r\n \/\/ creating dataset object\r\n $arrData[\"dataset\"] = array(array(\"seriesName\"=> \"Petrol_price\", \"data\"=>$dataseries1), array(\"seriesName\"=> \"Diesel_price\", \"renderAs\"=>\"line\", \"data\"=>$dataseries2)); <\/pre><\/li>\r\n\r\nThe associative array created in the above step will now have to be encoded into a json format that is required to render the chart.\r\n$jsonEncodedData = json_encode($arrData);<\/pre><\/li>\r\nNow, we create the chart object and render the chart using render()<\/b> function.\r\n$msChart = new FusionCharts(\"msline\",\"chart1\" , \"100%\", \"400\", \"chart-container\", \"json\", $jsonEncodedData);\r\n\r\n$msChart->render();<\/pre><\/li>\r\n\r\nNext, we close the php tag and continue with the html part by defining the dom element, where the chart will render.\r\n<div id=\"chart-container\">Fusion Charts will render here<\/div><\/pre>\r\n<\/li>\r\nFinally, execute the php code using any browser.\r\neg. https:\/\/localhost\/phpMongodb\/multiSeries_mongodb.php\r\n\r\nYour output should be like the image shown below:<\/li>\r\n<\/ul>\r\n\r\n\r\n\r\nIf you see any errors in your code, click here<\/a> to download the complete source code of the sample project we have created for this tutorial.","protected":false},"excerpt":{"rendered":"PHP is one of the most widely used server side languages. We\u2019ve already got detailed documentation on how PHP can be easily integrated with FusionCharts using the FusionCharts-PHP wrapper. We also had a recent blog post on how you can use the Zend Framework (a cluster of PHP packages) with FusionCharts. PHP is fairly easy […]<\/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":[604,607,250,265,283,606,605],"coauthors":[647,653],"class_list":["post-15572","post","type-post","status-publish","format-standard","hentry","category-tutorials","tag-create-charts-using-php-and-mongodb","tag-fusioncharts-php-wrapper","tag-mongodb","tag-nosql","tag-php","tag-php-driver-for-mongodb","tag-xampp"],"yoast_head":"\nCreate Charts Using PHP and MongoDB: 2026 Stack Tips<\/title>\n<meta name=\"description\" content=\"Learn to create charts using PHP and MongoDB. Follow our 2026 stack tips and tricks to integrate the world's most popular server-side language with modern data.\" \/>\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-php-mongodb\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Create Charts Using PHP and MongoDB: 2026 Stack Tips\" \/>\n<meta property=\"og:description\" content=\"Learn to create charts using PHP and MongoDB. Follow our 2026 stack tips and tricks to integrate the world's most popular server-side language with modern data.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.fusioncharts.com\/blog\/create-charts-using-php-mongodb\/\" \/>\n<meta property=\"og:site_name\" content=\"FusionBrew - The FusionCharts Blog\" \/>\n<meta property=\"article:published_time\" content=\"2017-01-06T10:57:37+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2026-01-20T09:10:55+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.fusioncharts.com\/blog\/wp-content\/uploads\/2017\/01\/importData.png\" \/>\n\t<meta property=\"og:image:width\" content=\"620\" \/>\n\t<meta property=\"og:image:height\" content=\"100\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Dishank Tiwari, Prerana Singh\" \/>\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, Prerana Singh\" \/>\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-php-mongodb\/#article\",\n\t \"isPartOf\": {\n\t \"@id\": \"https:\/\/www.fusioncharts.com\/blog\/create-charts-using-php-mongodb\/\"\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\": \"Create Charts Using PHP and MongoDB: 2026 Stack Tips\",\n\t \"datePublished\": \"2017-01-06T10:57:37+00:00\",\n\t \"dateModified\": \"2026-01-20T09:10:55+00:00\",\n\t \"mainEntityOfPage\": {\n\t \"@id\": \"https:\/\/www.fusioncharts.com\/blog\/create-charts-using-php-mongodb\/\"\n\t },\n\t \"wordCount\": 963,\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\/create-charts-using-php-mongodb\/#primaryimage\"\n\t },\n\t \"thumbnailUrl\": \"https:\/\/www.fusioncharts.com\/blog\/wp-content\/uploads\/gallery\/blog\/2017\/01\/importData.png\",\n\t \"keywords\": [\n\t \"Create Charts using PHP and MongoDB\",\n\t \"FusionCharts PHP Wrapper\",\n\t \"MongoDB\",\n\t \"NoSQL\",\n\t \"php\",\n\t \"PHP driver for MongoDB\",\n\t \"XAMPP\"\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-php-mongodb\/#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-php-mongodb\/\",\n\t \"url\": \"https:\/\/www.fusioncharts.com\/blog\/create-charts-using-php-mongodb\/\",\n\t \"name\": \"Create Charts Using PHP and MongoDB: 2026 Stack Tips\",\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-php-mongodb\/#primaryimage\"\n\t },\n\t \"image\": {\n\t \"@id\": \"https:\/\/www.fusioncharts.com\/blog\/create-charts-using-php-mongodb\/#primaryimage\"\n\t },\n\t \"thumbnailUrl\": \"https:\/\/www.fusioncharts.com\/blog\/wp-content\/uploads\/gallery\/blog\/2017\/01\/importData.png\",\n\t \"datePublished\": \"2017-01-06T10:57:37+00:00\",\n\t \"dateModified\": \"2026-01-20T09:10:55+00:00\",\n\t \"description\": \"Learn to create charts using PHP and MongoDB. Follow our 2026 stack tips and tricks to integrate the world's most popular server-side language with modern data.\",\n\t \"breadcrumb\": {\n\t \"@id\": \"https:\/\/www.fusioncharts.com\/blog\/create-charts-using-php-mongodb\/#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-php-mongodb\/\"\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-php-mongodb\/#primaryimage\",\n\t \"url\": \"https:\/\/www.fusioncharts.com\/blog\/wp-content\/uploads\/gallery\/blog\/2017\/01\/importData.png\",\n\t \"contentUrl\": \"https:\/\/www.fusioncharts.com\/blog\/wp-content\/uploads\/gallery\/blog\/2017\/01\/importData.png\"\n\t },\n\t {\n\t \"@type\": \"BreadcrumbList\",\n\t \"@id\": \"https:\/\/www.fusioncharts.com\/blog\/create-charts-using-php-mongodb\/#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 Charts Using PHP and MongoDB: 2026 Stack Tips\"\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":"Create Charts Using PHP and MongoDB: 2026 Stack Tips","description":"Learn to create charts using PHP and MongoDB. Follow our 2026 stack tips and tricks to integrate the world's most popular server-side language with modern data.","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-php-mongodb\/","og_locale":"en_US","og_type":"article","og_title":"Create Charts Using PHP and MongoDB: 2026 Stack Tips","og_description":"Learn to create charts using PHP and MongoDB. Follow our 2026 stack tips and tricks to integrate the world's most popular server-side language with modern data.","og_url":"https:\/\/www.fusioncharts.com\/blog\/create-charts-using-php-mongodb\/","og_site_name":"FusionBrew - The FusionCharts Blog","article_published_time":"2017-01-06T10:57:37+00:00","article_modified_time":"2026-01-20T09:10:55+00:00","og_image":[{"width":620,"height":100,"url":"https:\/\/www.fusioncharts.com\/blog\/wp-content\/uploads\/2017\/01\/importData.png","type":"image\/png"}],"author":"Dishank Tiwari, Prerana Singh","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Dishank Tiwari, Prerana Singh","Est. reading time":"6 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.fusioncharts.com\/blog\/create-charts-using-php-mongodb\/#article","isPartOf":{"@id":"https:\/\/www.fusioncharts.com\/blog\/create-charts-using-php-mongodb\/"},"author":{"name":"Dishank Tiwari","@id":"https:\/\/www.fusioncharts.com\/blog\/#\/schema\/person\/9106ebef0b6b4fec8a2bb46862ee02ad"},"headline":"Create Charts Using PHP and MongoDB: 2026 Stack Tips","datePublished":"2017-01-06T10:57:37+00:00","dateModified":"2026-01-20T09:10:55+00:00","mainEntityOfPage":{"@id":"https:\/\/www.fusioncharts.com\/blog\/create-charts-using-php-mongodb\/"},"wordCount":963,"commentCount":0,"publisher":{"@id":"https:\/\/www.fusioncharts.com\/blog\/#organization"},"image":{"@id":"https:\/\/www.fusioncharts.com\/blog\/create-charts-using-php-mongodb\/#primaryimage"},"thumbnailUrl":"https:\/\/www.fusioncharts.com\/blog\/wp-content\/uploads\/gallery\/blog\/2017\/01\/importData.png","keywords":["Create Charts using PHP and MongoDB","FusionCharts PHP Wrapper","MongoDB","NoSQL","php","PHP driver for MongoDB","XAMPP"],"articleSection":["Tutorials"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.fusioncharts.com\/blog\/create-charts-using-php-mongodb\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.fusioncharts.com\/blog\/create-charts-using-php-mongodb\/","url":"https:\/\/www.fusioncharts.com\/blog\/create-charts-using-php-mongodb\/","name":"Create Charts Using PHP and MongoDB: 2026 Stack Tips","isPartOf":{"@id":"https:\/\/www.fusioncharts.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.fusioncharts.com\/blog\/create-charts-using-php-mongodb\/#primaryimage"},"image":{"@id":"https:\/\/www.fusioncharts.com\/blog\/create-charts-using-php-mongodb\/#primaryimage"},"thumbnailUrl":"https:\/\/www.fusioncharts.com\/blog\/wp-content\/uploads\/gallery\/blog\/2017\/01\/importData.png","datePublished":"2017-01-06T10:57:37+00:00","dateModified":"2026-01-20T09:10:55+00:00","description":"Learn to create charts using PHP and MongoDB. Follow our 2026 stack tips and tricks to integrate the world's most popular server-side language with modern data.","breadcrumb":{"@id":"https:\/\/www.fusioncharts.com\/blog\/create-charts-using-php-mongodb\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.fusioncharts.com\/blog\/create-charts-using-php-mongodb\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.fusioncharts.com\/blog\/create-charts-using-php-mongodb\/#primaryimage","url":"https:\/\/www.fusioncharts.com\/blog\/wp-content\/uploads\/gallery\/blog\/2017\/01\/importData.png","contentUrl":"https:\/\/www.fusioncharts.com\/blog\/wp-content\/uploads\/gallery\/blog\/2017\/01\/importData.png"},{"@type":"BreadcrumbList","@id":"https:\/\/www.fusioncharts.com\/blog\/create-charts-using-php-mongodb\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.fusioncharts.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Create Charts Using PHP and MongoDB: 2026 Stack Tips"}]},{"@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\/15572","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=15572"}],"version-history":[{"count":0,"href":"https:\/\/www.fusioncharts.com\/blog\/wp-json\/wp\/v2\/posts\/15572\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.fusioncharts.com\/blog\/wp-json\/wp\/v2\/media?parent=15572"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.fusioncharts.com\/blog\/wp-json\/wp\/v2\/categories?post=15572"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.fusioncharts.com\/blog\/wp-json\/wp\/v2\/tags?post=15572"},{"taxonomy":"author","embeddable":true,"href":"https:\/\/www.fusioncharts.com\/blog\/wp-json\/wp\/v2\/coauthors?post=15572"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}
require 'vendor\\autoload.php';<\/pre><\/li>\r\n
$connection = new MongoDB\\Client;<\/pre><\/li>\r\n<\/ul>\r\n\r\nAfter completion of the configuration, the php code will look like this.\r\n\r\n<\/pre>\r\n\r\n<\/span>STEP II<\/span><\/h2>\r\n\r\n\r\nExtract the FusionCharts Suite XT zip and keep all the script files in a new folder inside the project folder, as shown below. Here, we have named the new folder as fusioncharts<\/b>.<\/li>\r\n\r\nExtract the fusioncharts PHP wrapper and keep the fusioncharts.php<\/b> file inside the same folder created in the previous step for keeping the script files (for our example, fusioncharts).<\/li>\r\n<\/ul>\r\n\r\n<\/span>STEP III (Main Page)<\/span><\/h2>\r\n\r\n\r\nCreate a file multiseries_mongodb.php<\/b>, because we will be creating a multi-series chart using mongodb. Include the config.php file inside this file, using the command shown below:\r\nrequire 'config.php';<\/pre><\/li>\r\n\r\nInclude the \u2018fusioncharts.php<\/b>\u2019 file that contains functions to embed fusioncharts in php.\r\n include(\"fusioncharts\/fusioncharts.php\")<\/pre><\/li>\r\n\r\nAdd the fusioncharts script file.\r\n<hepad>\r\n \t<script src=\"fusioncharts\/fusioncharts.js\"><\/script>\r\n \t<script src=\"fusioncharts\/fusioncharts.theme.fint.js\"><\/script>\r\n <\/hepad><\/pre><\/li>\r\n\r\nRetrieve data from the database:<\/b> Include the php code within the body tag. First, retrieve the data from the database and store it in a variable. Here we are storing the data in a variable called $myObj<\/b>.\r\nmyProject;\r\n$myObj = $db->chartData->find();\r\n?><\/pre>\r\nHere chartData is the collection name in the database myProject.<\/li>\r\n\r\nForm an associative array:<\/b> As $myObj<\/b> is a mongo cursor, we need to convert it to an associative array.\r\n\/\/convert mongoCursor into an array\r\n $data=iterator_to_array($myObj);<\/pre>\r\nThereafter, sort the associative array in an ascending order (if required).\r\nasort($data);<\/pre><\/li>\r\n\r\nNext, we will create an array that will contain the dataset\u2014the chart attributes and the data\u2014fetched from the database.\r\n$categoryArray=array();\r\n $dataseries1=array();\r\n $dataseries2=array();\r\n foreach ($data as $dataset) {\r\n array_push($categoryArray, array(\r\n \"label\" => $dataset[\"month\"]\r\n )\r\n );\r\n array_push($dataseries1, array(\r\n \"value\" => $dataset[\"petrol\"]\r\n )\r\n );\r\n array_push($dataseries2, array(\r\n \"value\" => $dataset[\"diesel\"]\r\n )\r\n );\r\n }\r\n$arrData = array(\r\n \"chart\" => array(\r\n \"caption\"=> \"Comparison of Petrol and Diesel price\",\r\n \"xAxisname\"=> \"Month\",\r\n \"yAxisName\"=> \"Price\",\r\n \"plotFillAlpha\"=> \"80\",\r\n \"showValues\"=> \"0\",\r\n \"bgcolor\"=>\"#89C3C4\",\r\n \"canvasbgcolor\"=>\"#A0CBC2\",\r\n \"paletteColors\"=> \"#00B1C1,#0184B8\",\r\n \"baseFont\"=> \"Open Sans\",\r\n \"showPlotBorder\"=>\"1\",\r\n \"theme\" => \"fint\"\r\n )\r\n );\r\n $arrData[\"categories\"]=array(array(\"category\"=>$categoryArray));\r\n \/\/ creating dataset object\r\n $arrData[\"dataset\"] = array(array(\"seriesName\"=> \"Petrol_price\", \"data\"=>$dataseries1), array(\"seriesName\"=> \"Diesel_price\", \"renderAs\"=>\"line\", \"data\"=>$dataseries2)); <\/pre><\/li>\r\n\r\nThe associative array created in the above step will now have to be encoded into a json format that is required to render the chart.\r\n$jsonEncodedData = json_encode($arrData);<\/pre><\/li>\r\nNow, we create the chart object and render the chart using render()<\/b> function.\r\n$msChart = new FusionCharts(\"msline\",\"chart1\" , \"100%\", \"400\", \"chart-container\", \"json\", $jsonEncodedData);\r\n\r\n$msChart->render();<\/pre><\/li>\r\n\r\nNext, we close the php tag and continue with the html part by defining the dom element, where the chart will render.\r\n<div id=\"chart-container\">Fusion Charts will render here<\/div><\/pre>\r\n<\/li>\r\nFinally, execute the php code using any browser.\r\neg. https:\/\/localhost\/phpMongodb\/multiSeries_mongodb.php\r\n\r\nYour output should be like the image shown below:<\/li>\r\n<\/ul>\r\n\r\n\r\n\r\nIf you see any errors in your code, click here<\/a> to download the complete source code of the sample project we have created for this tutorial.","protected":false},"excerpt":{"rendered":"PHP is one of the most widely used server side languages. We\u2019ve already got detailed documentation on how PHP can be easily integrated with FusionCharts using the FusionCharts-PHP wrapper. We also had a recent blog post on how you can use the Zend Framework (a cluster of PHP packages) with FusionCharts. PHP is fairly easy […]<\/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":[604,607,250,265,283,606,605],"coauthors":[647,653],"class_list":["post-15572","post","type-post","status-publish","format-standard","hentry","category-tutorials","tag-create-charts-using-php-and-mongodb","tag-fusioncharts-php-wrapper","tag-mongodb","tag-nosql","tag-php","tag-php-driver-for-mongodb","tag-xampp"],"yoast_head":"\nCreate Charts Using PHP and MongoDB: 2026 Stack Tips<\/title>\n<meta name=\"description\" content=\"Learn to create charts using PHP and MongoDB. Follow our 2026 stack tips and tricks to integrate the world's most popular server-side language with modern data.\" \/>\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-php-mongodb\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Create Charts Using PHP and MongoDB: 2026 Stack Tips\" \/>\n<meta property=\"og:description\" content=\"Learn to create charts using PHP and MongoDB. Follow our 2026 stack tips and tricks to integrate the world's most popular server-side language with modern data.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.fusioncharts.com\/blog\/create-charts-using-php-mongodb\/\" \/>\n<meta property=\"og:site_name\" content=\"FusionBrew - The FusionCharts Blog\" \/>\n<meta property=\"article:published_time\" content=\"2017-01-06T10:57:37+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2026-01-20T09:10:55+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.fusioncharts.com\/blog\/wp-content\/uploads\/2017\/01\/importData.png\" \/>\n\t<meta property=\"og:image:width\" content=\"620\" \/>\n\t<meta property=\"og:image:height\" content=\"100\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Dishank Tiwari, Prerana Singh\" \/>\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, Prerana Singh\" \/>\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-php-mongodb\/#article\",\n\t \"isPartOf\": {\n\t \"@id\": \"https:\/\/www.fusioncharts.com\/blog\/create-charts-using-php-mongodb\/\"\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\": \"Create Charts Using PHP and MongoDB: 2026 Stack Tips\",\n\t \"datePublished\": \"2017-01-06T10:57:37+00:00\",\n\t \"dateModified\": \"2026-01-20T09:10:55+00:00\",\n\t \"mainEntityOfPage\": {\n\t \"@id\": \"https:\/\/www.fusioncharts.com\/blog\/create-charts-using-php-mongodb\/\"\n\t },\n\t \"wordCount\": 963,\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\/create-charts-using-php-mongodb\/#primaryimage\"\n\t },\n\t \"thumbnailUrl\": \"https:\/\/www.fusioncharts.com\/blog\/wp-content\/uploads\/gallery\/blog\/2017\/01\/importData.png\",\n\t \"keywords\": [\n\t \"Create Charts using PHP and MongoDB\",\n\t \"FusionCharts PHP Wrapper\",\n\t \"MongoDB\",\n\t \"NoSQL\",\n\t \"php\",\n\t \"PHP driver for MongoDB\",\n\t \"XAMPP\"\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-php-mongodb\/#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-php-mongodb\/\",\n\t \"url\": \"https:\/\/www.fusioncharts.com\/blog\/create-charts-using-php-mongodb\/\",\n\t \"name\": \"Create Charts Using PHP and MongoDB: 2026 Stack Tips\",\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-php-mongodb\/#primaryimage\"\n\t },\n\t \"image\": {\n\t \"@id\": \"https:\/\/www.fusioncharts.com\/blog\/create-charts-using-php-mongodb\/#primaryimage\"\n\t },\n\t \"thumbnailUrl\": \"https:\/\/www.fusioncharts.com\/blog\/wp-content\/uploads\/gallery\/blog\/2017\/01\/importData.png\",\n\t \"datePublished\": \"2017-01-06T10:57:37+00:00\",\n\t \"dateModified\": \"2026-01-20T09:10:55+00:00\",\n\t \"description\": \"Learn to create charts using PHP and MongoDB. Follow our 2026 stack tips and tricks to integrate the world's most popular server-side language with modern data.\",\n\t \"breadcrumb\": {\n\t \"@id\": \"https:\/\/www.fusioncharts.com\/blog\/create-charts-using-php-mongodb\/#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-php-mongodb\/\"\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-php-mongodb\/#primaryimage\",\n\t \"url\": \"https:\/\/www.fusioncharts.com\/blog\/wp-content\/uploads\/gallery\/blog\/2017\/01\/importData.png\",\n\t \"contentUrl\": \"https:\/\/www.fusioncharts.com\/blog\/wp-content\/uploads\/gallery\/blog\/2017\/01\/importData.png\"\n\t },\n\t {\n\t \"@type\": \"BreadcrumbList\",\n\t \"@id\": \"https:\/\/www.fusioncharts.com\/blog\/create-charts-using-php-mongodb\/#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 Charts Using PHP and MongoDB: 2026 Stack Tips\"\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":"Create Charts Using PHP and MongoDB: 2026 Stack Tips","description":"Learn to create charts using PHP and MongoDB. Follow our 2026 stack tips and tricks to integrate the world's most popular server-side language with modern data.","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-php-mongodb\/","og_locale":"en_US","og_type":"article","og_title":"Create Charts Using PHP and MongoDB: 2026 Stack Tips","og_description":"Learn to create charts using PHP and MongoDB. Follow our 2026 stack tips and tricks to integrate the world's most popular server-side language with modern data.","og_url":"https:\/\/www.fusioncharts.com\/blog\/create-charts-using-php-mongodb\/","og_site_name":"FusionBrew - The FusionCharts Blog","article_published_time":"2017-01-06T10:57:37+00:00","article_modified_time":"2026-01-20T09:10:55+00:00","og_image":[{"width":620,"height":100,"url":"https:\/\/www.fusioncharts.com\/blog\/wp-content\/uploads\/2017\/01\/importData.png","type":"image\/png"}],"author":"Dishank Tiwari, Prerana Singh","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Dishank Tiwari, Prerana Singh","Est. reading time":"6 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.fusioncharts.com\/blog\/create-charts-using-php-mongodb\/#article","isPartOf":{"@id":"https:\/\/www.fusioncharts.com\/blog\/create-charts-using-php-mongodb\/"},"author":{"name":"Dishank Tiwari","@id":"https:\/\/www.fusioncharts.com\/blog\/#\/schema\/person\/9106ebef0b6b4fec8a2bb46862ee02ad"},"headline":"Create Charts Using PHP and MongoDB: 2026 Stack Tips","datePublished":"2017-01-06T10:57:37+00:00","dateModified":"2026-01-20T09:10:55+00:00","mainEntityOfPage":{"@id":"https:\/\/www.fusioncharts.com\/blog\/create-charts-using-php-mongodb\/"},"wordCount":963,"commentCount":0,"publisher":{"@id":"https:\/\/www.fusioncharts.com\/blog\/#organization"},"image":{"@id":"https:\/\/www.fusioncharts.com\/blog\/create-charts-using-php-mongodb\/#primaryimage"},"thumbnailUrl":"https:\/\/www.fusioncharts.com\/blog\/wp-content\/uploads\/gallery\/blog\/2017\/01\/importData.png","keywords":["Create Charts using PHP and MongoDB","FusionCharts PHP Wrapper","MongoDB","NoSQL","php","PHP driver for MongoDB","XAMPP"],"articleSection":["Tutorials"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.fusioncharts.com\/blog\/create-charts-using-php-mongodb\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.fusioncharts.com\/blog\/create-charts-using-php-mongodb\/","url":"https:\/\/www.fusioncharts.com\/blog\/create-charts-using-php-mongodb\/","name":"Create Charts Using PHP and MongoDB: 2026 Stack Tips","isPartOf":{"@id":"https:\/\/www.fusioncharts.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.fusioncharts.com\/blog\/create-charts-using-php-mongodb\/#primaryimage"},"image":{"@id":"https:\/\/www.fusioncharts.com\/blog\/create-charts-using-php-mongodb\/#primaryimage"},"thumbnailUrl":"https:\/\/www.fusioncharts.com\/blog\/wp-content\/uploads\/gallery\/blog\/2017\/01\/importData.png","datePublished":"2017-01-06T10:57:37+00:00","dateModified":"2026-01-20T09:10:55+00:00","description":"Learn to create charts using PHP and MongoDB. Follow our 2026 stack tips and tricks to integrate the world's most popular server-side language with modern data.","breadcrumb":{"@id":"https:\/\/www.fusioncharts.com\/blog\/create-charts-using-php-mongodb\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.fusioncharts.com\/blog\/create-charts-using-php-mongodb\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.fusioncharts.com\/blog\/create-charts-using-php-mongodb\/#primaryimage","url":"https:\/\/www.fusioncharts.com\/blog\/wp-content\/uploads\/gallery\/blog\/2017\/01\/importData.png","contentUrl":"https:\/\/www.fusioncharts.com\/blog\/wp-content\/uploads\/gallery\/blog\/2017\/01\/importData.png"},{"@type":"BreadcrumbList","@id":"https:\/\/www.fusioncharts.com\/blog\/create-charts-using-php-mongodb\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.fusioncharts.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Create Charts Using PHP and MongoDB: 2026 Stack Tips"}]},{"@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\/15572","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=15572"}],"version-history":[{"count":0,"href":"https:\/\/www.fusioncharts.com\/blog\/wp-json\/wp\/v2\/posts\/15572\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.fusioncharts.com\/blog\/wp-json\/wp\/v2\/media?parent=15572"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.fusioncharts.com\/blog\/wp-json\/wp\/v2\/categories?post=15572"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.fusioncharts.com\/blog\/wp-json\/wp\/v2\/tags?post=15572"},{"taxonomy":"author","embeddable":true,"href":"https:\/\/www.fusioncharts.com\/blog\/wp-json\/wp\/v2\/coauthors?post=15572"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}
<\/pre>\r\n\r\n<\/span>STEP II<\/span><\/h2>\r\n\r\n\r\nExtract the FusionCharts Suite XT zip and keep all the script files in a new folder inside the project folder, as shown below. Here, we have named the new folder as fusioncharts<\/b>.<\/li>\r\n\r\nExtract the fusioncharts PHP wrapper and keep the fusioncharts.php<\/b> file inside the same folder created in the previous step for keeping the script files (for our example, fusioncharts).<\/li>\r\n<\/ul>\r\n\r\n<\/span>STEP III (Main Page)<\/span><\/h2>\r\n\r\n\r\nCreate a file multiseries_mongodb.php<\/b>, because we will be creating a multi-series chart using mongodb. Include the config.php file inside this file, using the command shown below:\r\nrequire 'config.php';<\/pre><\/li>\r\n\r\nInclude the \u2018fusioncharts.php<\/b>\u2019 file that contains functions to embed fusioncharts in php.\r\n include(\"fusioncharts\/fusioncharts.php\")<\/pre><\/li>\r\n\r\nAdd the fusioncharts script file.\r\n<hepad>\r\n \t<script src=\"fusioncharts\/fusioncharts.js\"><\/script>\r\n \t<script src=\"fusioncharts\/fusioncharts.theme.fint.js\"><\/script>\r\n <\/hepad><\/pre><\/li>\r\n\r\nRetrieve data from the database:<\/b> Include the php code within the body tag. First, retrieve the data from the database and store it in a variable. Here we are storing the data in a variable called $myObj<\/b>.\r\nmyProject;\r\n$myObj = $db->chartData->find();\r\n?><\/pre>\r\nHere chartData is the collection name in the database myProject.<\/li>\r\n\r\nForm an associative array:<\/b> As $myObj<\/b> is a mongo cursor, we need to convert it to an associative array.\r\n\/\/convert mongoCursor into an array\r\n $data=iterator_to_array($myObj);<\/pre>\r\nThereafter, sort the associative array in an ascending order (if required).\r\nasort($data);<\/pre><\/li>\r\n\r\nNext, we will create an array that will contain the dataset\u2014the chart attributes and the data\u2014fetched from the database.\r\n$categoryArray=array();\r\n $dataseries1=array();\r\n $dataseries2=array();\r\n foreach ($data as $dataset) {\r\n array_push($categoryArray, array(\r\n \"label\" => $dataset[\"month\"]\r\n )\r\n );\r\n array_push($dataseries1, array(\r\n \"value\" => $dataset[\"petrol\"]\r\n )\r\n );\r\n array_push($dataseries2, array(\r\n \"value\" => $dataset[\"diesel\"]\r\n )\r\n );\r\n }\r\n$arrData = array(\r\n \"chart\" => array(\r\n \"caption\"=> \"Comparison of Petrol and Diesel price\",\r\n \"xAxisname\"=> \"Month\",\r\n \"yAxisName\"=> \"Price\",\r\n \"plotFillAlpha\"=> \"80\",\r\n \"showValues\"=> \"0\",\r\n \"bgcolor\"=>\"#89C3C4\",\r\n \"canvasbgcolor\"=>\"#A0CBC2\",\r\n \"paletteColors\"=> \"#00B1C1,#0184B8\",\r\n \"baseFont\"=> \"Open Sans\",\r\n \"showPlotBorder\"=>\"1\",\r\n \"theme\" => \"fint\"\r\n )\r\n );\r\n $arrData[\"categories\"]=array(array(\"category\"=>$categoryArray));\r\n \/\/ creating dataset object\r\n $arrData[\"dataset\"] = array(array(\"seriesName\"=> \"Petrol_price\", \"data\"=>$dataseries1), array(\"seriesName\"=> \"Diesel_price\", \"renderAs\"=>\"line\", \"data\"=>$dataseries2)); <\/pre><\/li>\r\n\r\nThe associative array created in the above step will now have to be encoded into a json format that is required to render the chart.\r\n$jsonEncodedData = json_encode($arrData);<\/pre><\/li>\r\nNow, we create the chart object and render the chart using render()<\/b> function.\r\n$msChart = new FusionCharts(\"msline\",\"chart1\" , \"100%\", \"400\", \"chart-container\", \"json\", $jsonEncodedData);\r\n\r\n$msChart->render();<\/pre><\/li>\r\n\r\nNext, we close the php tag and continue with the html part by defining the dom element, where the chart will render.\r\n<div id=\"chart-container\">Fusion Charts will render here<\/div><\/pre>\r\n<\/li>\r\nFinally, execute the php code using any browser.\r\neg. https:\/\/localhost\/phpMongodb\/multiSeries_mongodb.php\r\n\r\nYour output should be like the image shown below:<\/li>\r\n<\/ul>\r\n\r\n\r\n\r\nIf you see any errors in your code, click here<\/a> to download the complete source code of the sample project we have created for this tutorial.","protected":false},"excerpt":{"rendered":"PHP is one of the most widely used server side languages. We\u2019ve already got detailed documentation on how PHP can be easily integrated with FusionCharts using the FusionCharts-PHP wrapper. We also had a recent blog post on how you can use the Zend Framework (a cluster of PHP packages) with FusionCharts. PHP is fairly easy […]<\/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":[604,607,250,265,283,606,605],"coauthors":[647,653],"class_list":["post-15572","post","type-post","status-publish","format-standard","hentry","category-tutorials","tag-create-charts-using-php-and-mongodb","tag-fusioncharts-php-wrapper","tag-mongodb","tag-nosql","tag-php","tag-php-driver-for-mongodb","tag-xampp"],"yoast_head":"\nCreate Charts Using PHP and MongoDB: 2026 Stack Tips<\/title>\n<meta name=\"description\" content=\"Learn to create charts using PHP and MongoDB. Follow our 2026 stack tips and tricks to integrate the world's most popular server-side language with modern data.\" \/>\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-php-mongodb\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Create Charts Using PHP and MongoDB: 2026 Stack Tips\" \/>\n<meta property=\"og:description\" content=\"Learn to create charts using PHP and MongoDB. Follow our 2026 stack tips and tricks to integrate the world's most popular server-side language with modern data.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.fusioncharts.com\/blog\/create-charts-using-php-mongodb\/\" \/>\n<meta property=\"og:site_name\" content=\"FusionBrew - The FusionCharts Blog\" \/>\n<meta property=\"article:published_time\" content=\"2017-01-06T10:57:37+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2026-01-20T09:10:55+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.fusioncharts.com\/blog\/wp-content\/uploads\/2017\/01\/importData.png\" \/>\n\t<meta property=\"og:image:width\" content=\"620\" \/>\n\t<meta property=\"og:image:height\" content=\"100\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Dishank Tiwari, Prerana Singh\" \/>\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, Prerana Singh\" \/>\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-php-mongodb\/#article\",\n\t \"isPartOf\": {\n\t \"@id\": \"https:\/\/www.fusioncharts.com\/blog\/create-charts-using-php-mongodb\/\"\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\": \"Create Charts Using PHP and MongoDB: 2026 Stack Tips\",\n\t \"datePublished\": \"2017-01-06T10:57:37+00:00\",\n\t \"dateModified\": \"2026-01-20T09:10:55+00:00\",\n\t \"mainEntityOfPage\": {\n\t \"@id\": \"https:\/\/www.fusioncharts.com\/blog\/create-charts-using-php-mongodb\/\"\n\t },\n\t \"wordCount\": 963,\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\/create-charts-using-php-mongodb\/#primaryimage\"\n\t },\n\t \"thumbnailUrl\": \"https:\/\/www.fusioncharts.com\/blog\/wp-content\/uploads\/gallery\/blog\/2017\/01\/importData.png\",\n\t \"keywords\": [\n\t \"Create Charts using PHP and MongoDB\",\n\t \"FusionCharts PHP Wrapper\",\n\t \"MongoDB\",\n\t \"NoSQL\",\n\t \"php\",\n\t \"PHP driver for MongoDB\",\n\t \"XAMPP\"\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-php-mongodb\/#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-php-mongodb\/\",\n\t \"url\": \"https:\/\/www.fusioncharts.com\/blog\/create-charts-using-php-mongodb\/\",\n\t \"name\": \"Create Charts Using PHP and MongoDB: 2026 Stack Tips\",\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-php-mongodb\/#primaryimage\"\n\t },\n\t \"image\": {\n\t \"@id\": \"https:\/\/www.fusioncharts.com\/blog\/create-charts-using-php-mongodb\/#primaryimage\"\n\t },\n\t \"thumbnailUrl\": \"https:\/\/www.fusioncharts.com\/blog\/wp-content\/uploads\/gallery\/blog\/2017\/01\/importData.png\",\n\t \"datePublished\": \"2017-01-06T10:57:37+00:00\",\n\t \"dateModified\": \"2026-01-20T09:10:55+00:00\",\n\t \"description\": \"Learn to create charts using PHP and MongoDB. Follow our 2026 stack tips and tricks to integrate the world's most popular server-side language with modern data.\",\n\t \"breadcrumb\": {\n\t \"@id\": \"https:\/\/www.fusioncharts.com\/blog\/create-charts-using-php-mongodb\/#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-php-mongodb\/\"\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-php-mongodb\/#primaryimage\",\n\t \"url\": \"https:\/\/www.fusioncharts.com\/blog\/wp-content\/uploads\/gallery\/blog\/2017\/01\/importData.png\",\n\t \"contentUrl\": \"https:\/\/www.fusioncharts.com\/blog\/wp-content\/uploads\/gallery\/blog\/2017\/01\/importData.png\"\n\t },\n\t {\n\t \"@type\": \"BreadcrumbList\",\n\t \"@id\": \"https:\/\/www.fusioncharts.com\/blog\/create-charts-using-php-mongodb\/#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 Charts Using PHP and MongoDB: 2026 Stack Tips\"\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":"Create Charts Using PHP and MongoDB: 2026 Stack Tips","description":"Learn to create charts using PHP and MongoDB. Follow our 2026 stack tips and tricks to integrate the world's most popular server-side language with modern data.","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-php-mongodb\/","og_locale":"en_US","og_type":"article","og_title":"Create Charts Using PHP and MongoDB: 2026 Stack Tips","og_description":"Learn to create charts using PHP and MongoDB. Follow our 2026 stack tips and tricks to integrate the world's most popular server-side language with modern data.","og_url":"https:\/\/www.fusioncharts.com\/blog\/create-charts-using-php-mongodb\/","og_site_name":"FusionBrew - The FusionCharts Blog","article_published_time":"2017-01-06T10:57:37+00:00","article_modified_time":"2026-01-20T09:10:55+00:00","og_image":[{"width":620,"height":100,"url":"https:\/\/www.fusioncharts.com\/blog\/wp-content\/uploads\/2017\/01\/importData.png","type":"image\/png"}],"author":"Dishank Tiwari, Prerana Singh","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Dishank Tiwari, Prerana Singh","Est. reading time":"6 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.fusioncharts.com\/blog\/create-charts-using-php-mongodb\/#article","isPartOf":{"@id":"https:\/\/www.fusioncharts.com\/blog\/create-charts-using-php-mongodb\/"},"author":{"name":"Dishank Tiwari","@id":"https:\/\/www.fusioncharts.com\/blog\/#\/schema\/person\/9106ebef0b6b4fec8a2bb46862ee02ad"},"headline":"Create Charts Using PHP and MongoDB: 2026 Stack Tips","datePublished":"2017-01-06T10:57:37+00:00","dateModified":"2026-01-20T09:10:55+00:00","mainEntityOfPage":{"@id":"https:\/\/www.fusioncharts.com\/blog\/create-charts-using-php-mongodb\/"},"wordCount":963,"commentCount":0,"publisher":{"@id":"https:\/\/www.fusioncharts.com\/blog\/#organization"},"image":{"@id":"https:\/\/www.fusioncharts.com\/blog\/create-charts-using-php-mongodb\/#primaryimage"},"thumbnailUrl":"https:\/\/www.fusioncharts.com\/blog\/wp-content\/uploads\/gallery\/blog\/2017\/01\/importData.png","keywords":["Create Charts using PHP and MongoDB","FusionCharts PHP Wrapper","MongoDB","NoSQL","php","PHP driver for MongoDB","XAMPP"],"articleSection":["Tutorials"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.fusioncharts.com\/blog\/create-charts-using-php-mongodb\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.fusioncharts.com\/blog\/create-charts-using-php-mongodb\/","url":"https:\/\/www.fusioncharts.com\/blog\/create-charts-using-php-mongodb\/","name":"Create Charts Using PHP and MongoDB: 2026 Stack Tips","isPartOf":{"@id":"https:\/\/www.fusioncharts.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.fusioncharts.com\/blog\/create-charts-using-php-mongodb\/#primaryimage"},"image":{"@id":"https:\/\/www.fusioncharts.com\/blog\/create-charts-using-php-mongodb\/#primaryimage"},"thumbnailUrl":"https:\/\/www.fusioncharts.com\/blog\/wp-content\/uploads\/gallery\/blog\/2017\/01\/importData.png","datePublished":"2017-01-06T10:57:37+00:00","dateModified":"2026-01-20T09:10:55+00:00","description":"Learn to create charts using PHP and MongoDB. Follow our 2026 stack tips and tricks to integrate the world's most popular server-side language with modern data.","breadcrumb":{"@id":"https:\/\/www.fusioncharts.com\/blog\/create-charts-using-php-mongodb\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.fusioncharts.com\/blog\/create-charts-using-php-mongodb\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.fusioncharts.com\/blog\/create-charts-using-php-mongodb\/#primaryimage","url":"https:\/\/www.fusioncharts.com\/blog\/wp-content\/uploads\/gallery\/blog\/2017\/01\/importData.png","contentUrl":"https:\/\/www.fusioncharts.com\/blog\/wp-content\/uploads\/gallery\/blog\/2017\/01\/importData.png"},{"@type":"BreadcrumbList","@id":"https:\/\/www.fusioncharts.com\/blog\/create-charts-using-php-mongodb\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.fusioncharts.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Create Charts Using PHP and MongoDB: 2026 Stack Tips"}]},{"@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\/15572","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=15572"}],"version-history":[{"count":0,"href":"https:\/\/www.fusioncharts.com\/blog\/wp-json\/wp\/v2\/posts\/15572\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.fusioncharts.com\/blog\/wp-json\/wp\/v2\/media?parent=15572"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.fusioncharts.com\/blog\/wp-json\/wp\/v2\/categories?post=15572"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.fusioncharts.com\/blog\/wp-json\/wp\/v2\/tags?post=15572"},{"taxonomy":"author","embeddable":true,"href":"https:\/\/www.fusioncharts.com\/blog\/wp-json\/wp\/v2\/coauthors?post=15572"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}
require 'config.php';<\/pre><\/li>\r\n\r\n
include(\"fusioncharts\/fusioncharts.php\")<\/pre><\/li>\r\n\r\n
<hepad>\r\n \t<script src=\"fusioncharts\/fusioncharts.js\"><\/script>\r\n \t<script src=\"fusioncharts\/fusioncharts.theme.fint.js\"><\/script>\r\n <\/hepad><\/pre><\/li>\r\n\r\n
myProject;\r\n$myObj = $db->chartData->find();\r\n?><\/pre>\r\nHere chartData is the collection name in the database myProject.<\/li>\r\n\r\n
\/\/convert mongoCursor into an array\r\n $data=iterator_to_array($myObj);<\/pre>\r\nThereafter, sort the associative array in an ascending order (if required).\r\nasort($data);<\/pre><\/li>\r\n\r\n
asort($data);<\/pre><\/li>\r\n\r\n
$categoryArray=array();\r\n $dataseries1=array();\r\n $dataseries2=array();\r\n foreach ($data as $dataset) {\r\n array_push($categoryArray, array(\r\n \"label\" => $dataset[\"month\"]\r\n )\r\n );\r\n array_push($dataseries1, array(\r\n \"value\" => $dataset[\"petrol\"]\r\n )\r\n );\r\n array_push($dataseries2, array(\r\n \"value\" => $dataset[\"diesel\"]\r\n )\r\n );\r\n }\r\n$arrData = array(\r\n \"chart\" => array(\r\n \"caption\"=> \"Comparison of Petrol and Diesel price\",\r\n \"xAxisname\"=> \"Month\",\r\n \"yAxisName\"=> \"Price\",\r\n \"plotFillAlpha\"=> \"80\",\r\n \"showValues\"=> \"0\",\r\n \"bgcolor\"=>\"#89C3C4\",\r\n \"canvasbgcolor\"=>\"#A0CBC2\",\r\n \"paletteColors\"=> \"#00B1C1,#0184B8\",\r\n \"baseFont\"=> \"Open Sans\",\r\n \"showPlotBorder\"=>\"1\",\r\n \"theme\" => \"fint\"\r\n )\r\n );\r\n $arrData[\"categories\"]=array(array(\"category\"=>$categoryArray));\r\n \/\/ creating dataset object\r\n $arrData[\"dataset\"] = array(array(\"seriesName\"=> \"Petrol_price\", \"data\"=>$dataseries1), array(\"seriesName\"=> \"Diesel_price\", \"renderAs\"=>\"line\", \"data\"=>$dataseries2)); <\/pre><\/li>\r\n\r\n
$jsonEncodedData = json_encode($arrData);<\/pre><\/li>\r\n
$msChart = new FusionCharts(\"msline\",\"chart1\" , \"100%\", \"400\", \"chart-container\", \"json\", $jsonEncodedData);\r\n\r\n$msChart->render();<\/pre><\/li>\r\n\r\n
<div id=\"chart-container\">Fusion Charts will render here<\/div><\/pre>\r\n<\/li>\r\n
PHP is one of the most widely used server side languages. We\u2019ve already got detailed documentation on how PHP can be easily integrated with FusionCharts using the FusionCharts-PHP wrapper. We also had a recent blog post on how you can use the Zend Framework (a cluster of PHP packages) with FusionCharts. PHP is fairly easy […]<\/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":[604,607,250,265,283,606,605],"coauthors":[647,653],"class_list":["post-15572","post","type-post","status-publish","format-standard","hentry","category-tutorials","tag-create-charts-using-php-and-mongodb","tag-fusioncharts-php-wrapper","tag-mongodb","tag-nosql","tag-php","tag-php-driver-for-mongodb","tag-xampp"],"yoast_head":"\n