{"id":6488,"date":"2020-01-24T08:46:23","date_gmt":"2020-01-24T08:46:23","guid":{"rendered":"http:\/\/demo-import.loc\/?page_id=6488"},"modified":"2024-04-12T06:33:38","modified_gmt":"2024-04-12T06:33:38","slug":"charts","status":"publish","type":"page","link":"https:\/\/demo.unboxinnovations.com\/?page_id=6488","title":{"rendered":"Graphs &#038; Charts"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"6488\" class=\"elementor elementor-6488\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-b1c25a1 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"b1c25a1\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-a798282\" data-id=\"a798282\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-9247ca0 elementor-widget elementor-widget-vc_custom_heading\" data-id=\"9247ca0\" data-element_type=\"widget\" data-widget_type=\"vc_custom_heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<div class=\" vc_custom_heading  consulting_heading_font  text_align_left\" ><h1 style=\"text-align: left\" class=\"consulting-custom-title\">Graphs &#038; Charts<\/h1><\/div>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-c6c1d95 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"c6c1d95\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-c6c25a3\" data-id=\"c6c25a3\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-c6c2c40 elementor-widget elementor-widget-vc_custom_heading\" data-id=\"c6c2c40\" data-element_type=\"widget\" data-widget_type=\"vc_custom_heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<div class=\" vc_custom_heading  consulting_heading_font  text_align_left\" ><h3 style=\"text-align: left;font-weight:700\" class=\"consulting-custom-title\">Line chart, legend bottom\n<\/h3><\/div>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c6c3108 elementor-widget elementor-widget-stm_charts\" data-id=\"c6c3108\" data-element_type=\"widget\" data-widget_type=\"stm_charts.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t<div class=\"stm_chart stm_charts legend_position_bottom\">\n\t\t<canvas id=\"chart_69f5260f5def6\" width=\"500\" height=\"300\"><\/canvas>\n\t\t<script type=\"text\/javascript\">\n\t\t\tjQuery(window).on('load', function ($) {\n\t\t\t\tvar showLegend = false;\n\t\t\t\t\t\t\t\t\tshowLegend = true;\n\t\t\t\t\t\t\t\tvar ChartData_chart_69f5260f5def6 = {\"datasets\":[{\"label\":\"Gross Revenue\",\"fillColor\":\"rgba(254, 108, 97, 0.2)\",\"fill\":true,\"pointBackgroundColor\":\"rgba(254, 108, 97, 1)\",\"pointBorderColor\":\"#fff\",\"pointHoverBackgroundColor\":\"rgba(254, 108, 97, 1)\",\"pointHoverBorderColor\":\"rgba(254, 108, 97, 1)\",\"strokeColor\":\"rgba(254, 108, 97, 1)\",\"pointColor\":\"rgba(254, 108, 97, 1)\",\"pointStrokeColor\":\"#fff\",\"borderColor\":\"rgba(254, 108, 97, 1)\",\"backgroundColor\":\"rgba(254, 108, 97, 0.2)\",\"pointHighlightFill\":\"#fff\",\"pointHighlightStroke\":\"rgba(254, 108, 97, 1)\",\"data\":[10,15,20,25,27,25,23,25]},{\"label\":\"Net Revenue\",\"fillColor\":\"rgba(84, 114, 210, 0.2)\",\"fill\":true,\"pointBackgroundColor\":\"rgba(84, 114, 210, 1)\",\"pointBorderColor\":\"#fff\",\"pointHoverBackgroundColor\":\"rgba(84, 114, 210, 1)\",\"pointHoverBorderColor\":\"rgba(84, 114, 210, 1)\",\"strokeColor\":\"rgba(84, 114, 210, 1)\",\"pointColor\":\"rgba(84, 114, 210, 1)\",\"pointStrokeColor\":\"#fff\",\"borderColor\":\"rgba(84, 114, 210, 1)\",\"backgroundColor\":\"rgba(84, 114, 210, 0.2)\",\"pointHighlightFill\":\"#fff\",\"pointHighlightStroke\":\"rgba(84, 114, 210, 1)\",\"data\":[25,18,16,17,20,25,30,35]}],\"labels\":[\"JAN\",\" FEB\",\" MAR\",\" APR\",\" MAY\",\" JUN\",\" JUL\",\" AUG\"]};\n\t\t\t\tvar chart_69f5260f5def6 = jQuery(\"#chart_69f5260f5def6\").get(0).getContext(\"2d\");\n\t\t\t\tchart_69f5260f5def6.canvas.width = 500;\n\t\t\t\tchart_69f5260f5def6.canvas.height = 300;\n\t\t\t\tvar stackedLine = new Chart(chart_69f5260f5def6, {\n\t\t\t\t\ttype: 'line',\n\t\t\t\t\tdata: ChartData_chart_69f5260f5def6,\n\t\t\t\t\toptions: {\n\t\t\t\t\t\t'legend': {\n\t\t\t\t\t\t'position': 'bottom',\n\t\t\t\t\t\t'display': showLegend\n\t\t\t\t\t},\n\t\t\t\t\t\t\t\t\t\tscales: {\n\t\t\t\t\t\tyAxes: [{\n\t\t\t\t\t\t\tticks: {\n\t\t\t\t\t\t\t\tbeginAtZero: true\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}]\n\t\t\t\t\t},\n\t\t\t\t\t\t\t\t\t\t'responsive': true,\n\t\t\t\t\tmaintainAspectRatio: false\n\t\t\t\t\t}\n\t\t\t\t});\n\t\t\t});\n\t\t<\/script>\n\t<\/div>\n\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c6c3236 elementor-widget elementor-widget-stm_spacing\" data-id=\"c6c3236\" data-element_type=\"widget\" data-widget_type=\"stm_spacing.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<div class=\"stm-spacing\" id=\"stm-spacing-69f5260f5efc2\"><\/div>\n<script>\n    (function($){\n        \"use strict\";\n        var spacingID = 'stm-spacing-69f5260f5efc2',\n            lgSpacing = '60',\n            mdSpacing = '60',\n            smSpacing = '50',\n            xsSpacing = '40';\n\n        function stmSpacing() {\n            if ( window.matchMedia(\"(min-width: 1200px)\").matches && lgSpacing ) {\n                $( '#' + spacingID ).css ( \"height\", lgSpacing );\n            } else if ( window.matchMedia(\"(max-width: 1199px) and (min-width: 992px )\").matches && mdSpacing ) {\n                $( '#' + spacingID ).css ( \"height\", mdSpacing );\n            } else if ( window.matchMedia(\"(max-width: 991px) and (min-width: 768px )\").matches && smSpacing ) {\n                $( '#' + spacingID ).css ( \"height\", smSpacing );\n            } else if ( window.matchMedia(\"(max-width: 767px)\").matches && xsSpacing ) {\n                $( '#' + spacingID ).css ( \"height\", xsSpacing );\n            } else {\n                $( '#' + spacingID ).css ( \"height\", \"\" );\n            }\n        }\n\n        $(document).ready(function() {\n            stmSpacing();\n        });\n\n        $(window).resize(function() {\n            stmSpacing();\n        });\n\n    })(jQuery);\n<\/script>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-c6c3344\" data-id=\"c6c3344\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-c6c3906 elementor-widget elementor-widget-vc_custom_heading\" data-id=\"c6c3906\" data-element_type=\"widget\" data-widget_type=\"vc_custom_heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<div class=\" vc_custom_heading  consulting_heading_font  text_align_left\" ><h3 style=\"text-align: left;font-weight:700\" class=\"consulting-custom-title\">Bar chart, legend bottom\n<\/h3><\/div>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c6c3d2d elementor-widget elementor-widget-stm_charts\" data-id=\"c6c3d2d\" data-element_type=\"widget\" data-widget_type=\"stm_charts.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t<div class=\"stm_chart stm_charts legend_position_bottom\">\n\t\t<canvas id=\"chart_69f5260f5fbbd\" width=\"500\" height=\"300\"><\/canvas>\n\t\t<script type=\"text\/javascript\">\n\t\t\tjQuery(window).on('load', function ($) {\n\t\t\t\tvar showLegend = false;\n\t\t\t\t\t\t\t\t\tshowLegend = true;\n\t\t\t\t\t\t\t\tvar ChartData_chart_69f5260f5fbbd = {\"datasets\":[{\"label\":\"Operating Income\",\"fillColor\":\"rgba(254, 108, 97, 0.8)\",\"strokeColor\":\"rgba(254, 108, 97, 0)\",\"backgroundColor\":\"rgba(254, 108, 97, 1)\",\"highlightStroke\":\"rgba(254, 108, 97, 1)\",\"pointColor\":\"#fe6c61\",\"data\":[\"11\",\" 15\",\" 20\",\" 25\",\" 27\",\" 25\",\" 23\",\" 25\"]},{\"label\":\"Sales Cost\",\"fillColor\":\"rgba(84, 114, 210, 0.8)\",\"strokeColor\":\"rgba(84, 114, 210, 0)\",\"backgroundColor\":\"rgba(84, 114, 210, 1)\",\"highlightStroke\":\"rgba(84, 114, 210, 1)\",\"pointColor\":\"#5472d2\",\"data\":[\"25\",\" 18\",\" 16\",\" 17\",\" 20\",\" 25\",\" 30\",\" 35\"]}],\"labels\":[\"JAN\",\" FEB\",\" MAR\",\" APR\",\" MAY\",\" JUN\",\" JUL\",\" AUG\"]};\n\t\t\t\tvar chart_69f5260f5fbbd = jQuery(\"#chart_69f5260f5fbbd\").get(0).getContext(\"2d\");\n\t\t\t\tchart_69f5260f5fbbd.canvas.width = 500;\n\t\t\t\tchart_69f5260f5fbbd.canvas.height = 300;\n\t\t\t\tvar stackedLine = new Chart(chart_69f5260f5fbbd, {\n\t\t\t\t\ttype: 'bar',\n\t\t\t\t\tdata: ChartData_chart_69f5260f5fbbd,\n\t\t\t\t\toptions: {\n\t\t\t\t\t\t'legend': {\n\t\t\t\t\t\t'position': 'bottom',\n\t\t\t\t\t\t'display': showLegend\n\t\t\t\t\t},\n\t\t\t\t\t\t\t\t\t\tscales: {\n\t\t\t\t\t\tyAxes: [{\n\t\t\t\t\t\t\tticks: {\n\t\t\t\t\t\t\t\tbeginAtZero: true\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}]\n\t\t\t\t\t},\n\t\t\t\t\t\t\t\t\t\t'responsive': true,\n\t\t\t\t\tmaintainAspectRatio: false\n\t\t\t\t\t}\n\t\t\t\t});\n\t\t\t});\n\t\t<\/script>\n\t<\/div>\n\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c6c3e88 elementor-widget elementor-widget-stm_spacing\" data-id=\"c6c3e88\" data-element_type=\"widget\" data-widget_type=\"stm_spacing.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<div class=\"stm-spacing\" id=\"stm-spacing-69f5260f5ff88\"><\/div>\n<script>\n    (function($){\n        \"use strict\";\n        var spacingID = 'stm-spacing-69f5260f5ff88',\n            lgSpacing = '60',\n            mdSpacing = '60',\n            smSpacing = '50',\n            xsSpacing = '40';\n\n        function stmSpacing() {\n            if ( window.matchMedia(\"(min-width: 1200px)\").matches && lgSpacing ) {\n                $( '#' + spacingID ).css ( \"height\", lgSpacing );\n            } else if ( window.matchMedia(\"(max-width: 1199px) and (min-width: 992px )\").matches && mdSpacing ) {\n                $( '#' + spacingID ).css ( \"height\", mdSpacing );\n            } else if ( window.matchMedia(\"(max-width: 991px) and (min-width: 768px )\").matches && smSpacing ) {\n                $( '#' + spacingID ).css ( \"height\", smSpacing );\n            } else if ( window.matchMedia(\"(max-width: 767px)\").matches && xsSpacing ) {\n                $( '#' + spacingID ).css ( \"height\", xsSpacing );\n            } else {\n                $( '#' + spacingID ).css ( \"height\", \"\" );\n            }\n        }\n\n        $(document).ready(function() {\n            stmSpacing();\n        });\n\n        $(window).resize(function() {\n            stmSpacing();\n        });\n\n    })(jQuery);\n<\/script>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-c6c3f92 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"c6c3f92\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-c6c4678\" data-id=\"c6c4678\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-c6c4c50 elementor-widget elementor-widget-vc_custom_heading\" data-id=\"c6c4c50\" data-element_type=\"widget\" data-widget_type=\"vc_custom_heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<div class=\" vc_custom_heading  consulting_heading_font  text_align_left\" ><h3 style=\"text-align: left;font-weight:700\" class=\"consulting-custom-title\">Doughnut chart, legend left\n<\/h3><\/div>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c6c4f88 elementor-widget elementor-widget-stm_charts\" data-id=\"c6c4f88\" data-element_type=\"widget\" data-widget_type=\"stm_charts.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t<div class=\"stm_chart stm_charts legend_position_left\">\n\t\t<canvas id=\"chart_69f5260f60de9\" width=\"500\" height=\"500\"><\/canvas>\n\t\t<script type=\"text\/javascript\">\n\t\t\tjQuery(window).on('load', function ($) {\n\t\t\t\tvar showLegend = false;\n\t\t\t\t\t\t\t\t\tshowLegend = true;\n\t\t\t\t\t\t\t\tvar ChartData_chart_69f5260f60de9 = {\"datasets\":[{\"label\":\"My First Dataset\",\"data\":[\"40\",\"30\",\"20\"],\"backgroundColor\":[\"rgba(254, 108, 97, 0.75)\",\"rgba(84, 114, 210, 0.75)\",\"rgba(141, 109, 196, 0.75)\"]}],\"labels\":[\"Adjustments\",\"Gross Revenue\",\"Net Revenue\"]};\n\t\t\t\tvar chart_69f5260f60de9 = jQuery(\"#chart_69f5260f60de9\").get(0).getContext(\"2d\");\n\t\t\t\tchart_69f5260f60de9.canvas.width = 500;\n\t\t\t\tchart_69f5260f60de9.canvas.height = 500;\n\t\t\t\tvar stackedLine = new Chart(chart_69f5260f60de9, {\n\t\t\t\t\ttype: 'doughnut',\n\t\t\t\t\tdata: ChartData_chart_69f5260f60de9,\n\t\t\t\t\toptions: {\n\t\t\t\t\t\t'legend': {\n\t\t\t\t\t\t'position': 'left',\n\t\t\t\t\t\t'display': showLegend\n\t\t\t\t\t},\n\t\t\t\t\t\t\t\t\t\t'responsive': true,\n\t\t\t\t\tmaintainAspectRatio: false\n\t\t\t\t\t}\n\t\t\t\t});\n\t\t\t});\n\t\t<\/script>\n\t<\/div>\n\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c6c50b4 elementor-widget elementor-widget-stm_spacing\" data-id=\"c6c50b4\" data-element_type=\"widget\" data-widget_type=\"stm_spacing.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<div class=\"stm-spacing\" id=\"stm-spacing-69f5260f61193\"><\/div>\n<script>\n    (function($){\n        \"use strict\";\n        var spacingID = 'stm-spacing-69f5260f61193',\n            lgSpacing = '60',\n            mdSpacing = '60',\n            smSpacing = '50',\n            xsSpacing = '40';\n\n        function stmSpacing() {\n            if ( window.matchMedia(\"(min-width: 1200px)\").matches && lgSpacing ) {\n                $( '#' + spacingID ).css ( \"height\", lgSpacing );\n            } else if ( window.matchMedia(\"(max-width: 1199px) and (min-width: 992px )\").matches && mdSpacing ) {\n                $( '#' + spacingID ).css ( \"height\", mdSpacing );\n            } else if ( window.matchMedia(\"(max-width: 991px) and (min-width: 768px )\").matches && smSpacing ) {\n                $( '#' + spacingID ).css ( \"height\", smSpacing );\n            } else if ( window.matchMedia(\"(max-width: 767px)\").matches && xsSpacing ) {\n                $( '#' + spacingID ).css ( \"height\", xsSpacing );\n            } else {\n                $( '#' + spacingID ).css ( \"height\", \"\" );\n            }\n        }\n\n        $(document).ready(function() {\n            stmSpacing();\n        });\n\n        $(window).resize(function() {\n            stmSpacing();\n        });\n\n    })(jQuery);\n<\/script>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-c6c51b8\" data-id=\"c6c51b8\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-c6c5762 elementor-widget elementor-widget-vc_custom_heading\" data-id=\"c6c5762\" data-element_type=\"widget\" data-widget_type=\"vc_custom_heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<div class=\" vc_custom_heading  consulting_heading_font  text_align_left\" ><h3 style=\"text-align: left;font-weight:700\" class=\"consulting-custom-title\">Pie chart, legend right\n<\/h3><\/div>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c6c5af5 elementor-widget elementor-widget-stm_charts\" data-id=\"c6c5af5\" data-element_type=\"widget\" data-widget_type=\"stm_charts.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t<div class=\"stm_chart stm_charts legend_position_right\">\n\t\t<canvas id=\"chart_69f5260f61e5e\" width=\"500\" height=\"500\"><\/canvas>\n\t\t<script type=\"text\/javascript\">\n\t\t\tjQuery(window).on('load', function ($) {\n\t\t\t\tvar showLegend = false;\n\t\t\t\t\t\t\t\t\tshowLegend = true;\n\t\t\t\t\t\t\t\tvar ChartData_chart_69f5260f61e5e = {\"datasets\":[{\"label\":\"My First Dataset\",\"data\":[\"40\",\"30\",\"90\"],\"backgroundColor\":[\"rgba(254, 108, 97, 0.75)\",\"rgba(84, 114, 210, 0.75)\",\"rgba(141, 109, 196, 0.75)\"]}],\"labels\":[\"Operating Income\",\"Sales Cost\",\"Adjustments\"]};\n\t\t\t\tvar chart_69f5260f61e5e = jQuery(\"#chart_69f5260f61e5e\").get(0).getContext(\"2d\");\n\t\t\t\tchart_69f5260f61e5e.canvas.width = 500;\n\t\t\t\tchart_69f5260f61e5e.canvas.height = 500;\n\t\t\t\tvar stackedLine = new Chart(chart_69f5260f61e5e, {\n\t\t\t\t\ttype: 'pie',\n\t\t\t\t\tdata: ChartData_chart_69f5260f61e5e,\n\t\t\t\t\toptions: {\n\t\t\t\t\t\t'legend': {\n\t\t\t\t\t\t'position': 'right',\n\t\t\t\t\t\t'display': showLegend\n\t\t\t\t\t},\n\t\t\t\t\t\t\t\t\t\t'responsive': true,\n\t\t\t\t\tmaintainAspectRatio: false\n\t\t\t\t\t}\n\t\t\t\t});\n\t\t\t});\n\t\t<\/script>\n\t<\/div>\n\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c6c5c28 elementor-widget elementor-widget-stm_spacing\" data-id=\"c6c5c28\" data-element_type=\"widget\" data-widget_type=\"stm_spacing.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<div class=\"stm-spacing\" id=\"stm-spacing-69f5260f62351\"><\/div>\n<script>\n    (function($){\n        \"use strict\";\n        var spacingID = 'stm-spacing-69f5260f62351',\n            lgSpacing = '60',\n            mdSpacing = '60',\n            smSpacing = '50',\n            xsSpacing = '40';\n\n        function stmSpacing() {\n            if ( window.matchMedia(\"(min-width: 1200px)\").matches && lgSpacing ) {\n                $( '#' + spacingID ).css ( \"height\", lgSpacing );\n            } else if ( window.matchMedia(\"(max-width: 1199px) and (min-width: 992px )\").matches && mdSpacing ) {\n                $( '#' + spacingID ).css ( \"height\", mdSpacing );\n            } else if ( window.matchMedia(\"(max-width: 991px) and (min-width: 768px )\").matches && smSpacing ) {\n                $( '#' + spacingID ).css ( \"height\", smSpacing );\n            } else if ( window.matchMedia(\"(max-width: 767px)\").matches && xsSpacing ) {\n                $( '#' + spacingID ).css ( \"height\", xsSpacing );\n            } else {\n                $( '#' + spacingID ).css ( \"height\", \"\" );\n            }\n        }\n\n        $(document).ready(function() {\n            stmSpacing();\n        });\n\n        $(window).resize(function() {\n            stmSpacing();\n        });\n\n    })(jQuery);\n<\/script>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-c6c5d32 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"c6c5d32\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-c6c63dd\" data-id=\"c6c63dd\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-c6c6982 elementor-widget elementor-widget-vc_custom_heading\" data-id=\"c6c6982\" data-element_type=\"widget\" data-widget_type=\"vc_custom_heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<div class=\" vc_custom_heading  consulting_heading_font  text_align_left\" ><h3 style=\"text-align: left;font-weight:700\" class=\"consulting-custom-title\">Radar chart, legend bottom\n<\/h3><\/div>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c6c6ca9 elementor-widget elementor-widget-stm_charts\" data-id=\"c6c6ca9\" data-element_type=\"widget\" data-widget_type=\"stm_charts.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t<div class=\"stm_chart stm_charts legend_position_bottom\">\n\t\t<canvas id=\"chart_69f5260f63182\" width=\"500\" height=\"500\"><\/canvas>\n\t\t<script type=\"text\/javascript\">\n\t\t\tjQuery(window).on('load', function ($) {\n\t\t\t\tvar showLegend = false;\n\t\t\t\t\t\t\t\t\tshowLegend = true;\n\t\t\t\t\t\t\t\tvar ChartData_chart_69f5260f63182 = {\"datasets\":[{\"label\":\"Gross Revenue\",\"fillColor\":\"rgba(254, 108, 97, 0.2)\",\"fill\":true,\"pointBackgroundColor\":\"rgba(254, 108, 97, 1)\",\"pointBorderColor\":\"#fff\",\"pointHoverBackgroundColor\":\"rgba(254, 108, 97, 1)\",\"pointHoverBorderColor\":\"rgba(254, 108, 97, 1)\",\"strokeColor\":\"rgba(254, 108, 97, 1)\",\"pointColor\":\"rgba(254, 108, 97, 1)\",\"pointStrokeColor\":\"#fff\",\"borderColor\":\"rgba(254, 108, 97, 1)\",\"backgroundColor\":\"rgba(254, 108, 97, 0.2)\",\"pointHighlightFill\":\"#fff\",\"pointHighlightStroke\":\"rgba(254, 108, 97, 1)\",\"data\":[35,25,32,25,27,25,23,25]},{\"label\":\"Net Revenue\",\"fillColor\":\"rgba(84, 114, 210, 0.2)\",\"fill\":true,\"pointBackgroundColor\":\"rgba(84, 114, 210, 1)\",\"pointBorderColor\":\"#fff\",\"pointHoverBackgroundColor\":\"rgba(84, 114, 210, 1)\",\"pointHoverBorderColor\":\"rgba(84, 114, 210, 1)\",\"strokeColor\":\"rgba(84, 114, 210, 1)\",\"pointColor\":\"rgba(84, 114, 210, 1)\",\"pointStrokeColor\":\"#fff\",\"borderColor\":\"rgba(84, 114, 210, 1)\",\"backgroundColor\":\"rgba(84, 114, 210, 0.2)\",\"pointHighlightFill\":\"#fff\",\"pointHighlightStroke\":\"rgba(84, 114, 210, 1)\",\"data\":[25,28,23,17,22,25,31,35]},{\"label\":\"Operating Income\",\"fillColor\":\"rgba(130, 36, 227, 0.2)\",\"fill\":true,\"pointBackgroundColor\":\"rgba(130, 36, 227, 1)\",\"pointBorderColor\":\"#fff\",\"pointHoverBackgroundColor\":\"rgba(130, 36, 227, 1)\",\"pointHoverBorderColor\":\"rgba(130, 36, 227, 1)\",\"strokeColor\":\"rgba(130, 36, 227, 1)\",\"pointColor\":\"rgba(130, 36, 227, 1)\",\"pointStrokeColor\":\"#fff\",\"borderColor\":\"rgba(130, 36, 227, 1)\",\"backgroundColor\":\"rgba(130, 36, 227, 0.2)\",\"pointHighlightFill\":\"#fff\",\"pointHighlightStroke\":\"rgba(130, 36, 227, 1)\",\"data\":[22,25,23,26,21,25,32,25]}],\"labels\":[\"JAN\",\" FEB\",\" MAR\",\" APR\",\" MAY\",\" JUN\",\" JUL\",\" AUG\"]};\n\t\t\t\tvar chart_69f5260f63182 = jQuery(\"#chart_69f5260f63182\").get(0).getContext(\"2d\");\n\t\t\t\tchart_69f5260f63182.canvas.width = 500;\n\t\t\t\tchart_69f5260f63182.canvas.height = 500;\n\t\t\t\tvar stackedLine = new Chart(chart_69f5260f63182, {\n\t\t\t\t\ttype: 'radar',\n\t\t\t\t\tdata: ChartData_chart_69f5260f63182,\n\t\t\t\t\toptions: {\n\t\t\t\t\t\t'legend': {\n\t\t\t\t\t\t'position': 'bottom',\n\t\t\t\t\t\t'display': showLegend\n\t\t\t\t\t},\n\t\t\t\t\t\t\t\t\t\t'responsive': true,\n\t\t\t\t\tmaintainAspectRatio: false\n\t\t\t\t\t}\n\t\t\t\t});\n\t\t\t});\n\t\t<\/script>\n\t<\/div>\n\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c6c6dd3 elementor-widget elementor-widget-stm_spacing\" data-id=\"c6c6dd3\" data-element_type=\"widget\" data-widget_type=\"stm_spacing.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<div class=\"stm-spacing\" id=\"stm-spacing-69f5260f63531\"><\/div>\n<script>\n    (function($){\n        \"use strict\";\n        var spacingID = 'stm-spacing-69f5260f63531',\n            lgSpacing = '60',\n            mdSpacing = '60',\n            smSpacing = '50',\n            xsSpacing = '40';\n\n        function stmSpacing() {\n            if ( window.matchMedia(\"(min-width: 1200px)\").matches && lgSpacing ) {\n                $( '#' + spacingID ).css ( \"height\", lgSpacing );\n            } else if ( window.matchMedia(\"(max-width: 1199px) and (min-width: 992px )\").matches && mdSpacing ) {\n                $( '#' + spacingID ).css ( \"height\", mdSpacing );\n            } else if ( window.matchMedia(\"(max-width: 991px) and (min-width: 768px )\").matches && smSpacing ) {\n                $( '#' + spacingID ).css ( \"height\", smSpacing );\n            } else if ( window.matchMedia(\"(max-width: 767px)\").matches && xsSpacing ) {\n                $( '#' + spacingID ).css ( \"height\", xsSpacing );\n            } else {\n                $( '#' + spacingID ).css ( \"height\", \"\" );\n            }\n        }\n\n        $(document).ready(function() {\n            stmSpacing();\n        });\n\n        $(window).resize(function() {\n            stmSpacing();\n        });\n\n    })(jQuery);\n<\/script>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-column elementor-col-50 elementor-top-column elementor-element elementor-element-c6c6ed3\" data-id=\"c6c6ed3\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-c6c7531 elementor-widget elementor-widget-vc_custom_heading\" data-id=\"c6c7531\" data-element_type=\"widget\" data-widget_type=\"vc_custom_heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<div class=\" vc_custom_heading  consulting_heading_font  text_align_left\" ><h3 style=\"text-align: left;font-weight:700\" class=\"consulting-custom-title\">Polar area chart, legend none\n<\/h3><\/div>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c6c7884 elementor-widget elementor-widget-stm_charts\" data-id=\"c6c7884\" data-element_type=\"widget\" data-widget_type=\"stm_charts.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t<div class=\"stm_chart stm_charts legend_position_bottom\">\n\t\t<canvas id=\"chart_69f5260f63f9f\" width=\"500\" height=\"500\"><\/canvas>\n\t\t<script type=\"text\/javascript\">\n\t\t\tjQuery(window).on('load', function ($) {\n\t\t\t\tvar showLegend = false;\n\t\t\t\t\t\t\t\tvar ChartData_chart_69f5260f63f9f = {\"datasets\":[{\"label\":\"My First Dataset\",\"data\":[\"60\",\"30\",\"40\"],\"backgroundColor\":[\"rgba(254, 108, 97, 0.75)\",\"rgba(84, 114, 210, 0.75)\",\"rgba(141, 109, 196, 0.75)\"]}],\"labels\":[\"Operating Income\",\"Sales Cost\",\"Adjustments\"]};\n\t\t\t\tvar chart_69f5260f63f9f = jQuery(\"#chart_69f5260f63f9f\").get(0).getContext(\"2d\");\n\t\t\t\tchart_69f5260f63f9f.canvas.width = 500;\n\t\t\t\tchart_69f5260f63f9f.canvas.height = 500;\n\t\t\t\tvar stackedLine = new Chart(chart_69f5260f63f9f, {\n\t\t\t\t\ttype: 'polarArea',\n\t\t\t\t\tdata: ChartData_chart_69f5260f63f9f,\n\t\t\t\t\toptions: {\n\t\t\t\t\t\t'legend': {\n\t\t\t\t\t\t'position': 'bottom',\n\t\t\t\t\t\t'display': showLegend\n\t\t\t\t\t},\n\t\t\t\t\t\t\t\t\t\t'responsive': true,\n\t\t\t\t\tmaintainAspectRatio: false\n\t\t\t\t\t}\n\t\t\t\t});\n\t\t\t});\n\t\t<\/script>\n\t<\/div>\n\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Graphs &#038; Charts Line chart, legend bottom Bar chart, legend bottom Doughnut chart, legend left Pie chart, legend right Radar chart, legend bottom Polar area chart, legend none<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-6488","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v22.4 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Graphs &amp; Charts - Unbox Innovations<\/title>\n<meta name=\"robots\" content=\"noindex, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Graphs &amp; Charts - Unbox Innovations\" \/>\n<meta property=\"og:description\" content=\"Graphs &#038; Charts Line chart, legend bottom Bar chart, legend bottom Doughnut chart, legend left Pie chart, legend right Radar chart, legend bottom Polar area chart, legend none\" \/>\n<meta property=\"og:url\" content=\"https:\/\/demo.unboxinnovations.com\/?page_id=6488\" \/>\n<meta property=\"og:site_name\" content=\"Unbox Innovations\" \/>\n<meta property=\"article:modified_time\" content=\"2024-04-12T06:33:38+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/demo.unboxinnovations.com\/?page_id=6488\",\"url\":\"https:\/\/demo.unboxinnovations.com\/?page_id=6488\",\"name\":\"Graphs & Charts - Unbox Innovations\",\"isPartOf\":{\"@id\":\"https:\/\/demo.unboxinnovations.com\/#website\"},\"datePublished\":\"2020-01-24T08:46:23+00:00\",\"dateModified\":\"2024-04-12T06:33:38+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/demo.unboxinnovations.com\/?page_id=6488#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/demo.unboxinnovations.com\/?page_id=6488\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/demo.unboxinnovations.com\/?page_id=6488#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/demo.unboxinnovations.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Graphs &#038; Charts\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/demo.unboxinnovations.com\/#website\",\"url\":\"https:\/\/demo.unboxinnovations.com\/\",\"name\":\"Unbox Innovations\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/demo.unboxinnovations.com\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Graphs & Charts - Unbox Innovations","robots":{"index":"noindex","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"og_locale":"en_US","og_type":"article","og_title":"Graphs & Charts - Unbox Innovations","og_description":"Graphs &#038; Charts Line chart, legend bottom Bar chart, legend bottom Doughnut chart, legend left Pie chart, legend right Radar chart, legend bottom Polar area chart, legend none","og_url":"https:\/\/demo.unboxinnovations.com\/?page_id=6488","og_site_name":"Unbox Innovations","article_modified_time":"2024-04-12T06:33:38+00:00","twitter_card":"summary_large_image","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/demo.unboxinnovations.com\/?page_id=6488","url":"https:\/\/demo.unboxinnovations.com\/?page_id=6488","name":"Graphs & Charts - Unbox Innovations","isPartOf":{"@id":"https:\/\/demo.unboxinnovations.com\/#website"},"datePublished":"2020-01-24T08:46:23+00:00","dateModified":"2024-04-12T06:33:38+00:00","breadcrumb":{"@id":"https:\/\/demo.unboxinnovations.com\/?page_id=6488#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/demo.unboxinnovations.com\/?page_id=6488"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/demo.unboxinnovations.com\/?page_id=6488#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/demo.unboxinnovations.com\/"},{"@type":"ListItem","position":2,"name":"Graphs &#038; Charts"}]},{"@type":"WebSite","@id":"https:\/\/demo.unboxinnovations.com\/#website","url":"https:\/\/demo.unboxinnovations.com\/","name":"Unbox Innovations","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/demo.unboxinnovations.com\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"}]}},"_links":{"self":[{"href":"https:\/\/demo.unboxinnovations.com\/index.php?rest_route=\/wp\/v2\/pages\/6488","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/demo.unboxinnovations.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/demo.unboxinnovations.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/demo.unboxinnovations.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/demo.unboxinnovations.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=6488"}],"version-history":[{"count":1,"href":"https:\/\/demo.unboxinnovations.com\/index.php?rest_route=\/wp\/v2\/pages\/6488\/revisions"}],"predecessor-version":[{"id":11339,"href":"https:\/\/demo.unboxinnovations.com\/index.php?rest_route=\/wp\/v2\/pages\/6488\/revisions\/11339"}],"wp:attachment":[{"href":"https:\/\/demo.unboxinnovations.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=6488"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}