{"id":5608,"date":"2020-01-24T11:40:07","date_gmt":"2020-01-24T11:40:07","guid":{"rendered":"http:\/\/demo-import.loc\/?page_id=5608"},"modified":"2026-05-04T12:03:44","modified_gmt":"2026-05-04T12:03:44","slug":"graphs-charts","status":"publish","type":"page","link":"https:\/\/demo.wtcyangon.com\/?page_id=5608","title":{"rendered":"Graphs &#038; Charts"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"5608\" class=\"elementor elementor-5608 elementor-bc-flex-widget\" data-elementor-post-type=\"page\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-b57df41 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"b57df41\" data-element_type=\"section\" data-e-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-b57e9c2\" data-id=\"b57e9c2\" data-element_type=\"column\" data-e-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-b57efe0 elementor-widget elementor-widget-vc_custom_heading\" data-id=\"b57efe0\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"vc_custom_heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\" vc_custom_heading  consulting_heading_font  text_align_left\" ><h3 style=\"text-align: left;font-weight:100\" class=\"consulting-custom-title\">Line chart, legend bottom\n<\/h3><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b57f720 elementor-widget elementor-widget-stm_charts\" data-id=\"b57f720\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"stm_charts.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t<div class=\"stm_chart stm_charts legend_position_bottom\">\n\t\t<canvas id=\"chart_69f891b7dccd0\" 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_69f891b7dccd0 = {\"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_69f891b7dccd0 = jQuery(\"#chart_69f891b7dccd0\").get(0).getContext(\"2d\");\n\t\t\t\tchart_69f891b7dccd0.canvas.width = 500;\n\t\t\t\tchart_69f891b7dccd0.canvas.height = 300;\n\t\t\t\tvar stackedLine = new Chart(chart_69f891b7dccd0, {\n\t\t\t\t\ttype: 'line',\n\t\t\t\t\tdata: ChartData_chart_69f891b7dccd0,\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\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b57f82d elementor-widget elementor-widget-stm_spacing\" data-id=\"b57f82d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"stm_spacing.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"stm-spacing\" id=\"stm-spacing-69f891b7ddad2\"><\/div>\n<script>\n    (function($){\n        \"use strict\";\n        var spacingID = 'stm-spacing-69f891b7ddad2',\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\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-b57f8dd\" data-id=\"b57f8dd\" data-element_type=\"column\" data-e-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-b57fed6 elementor-widget elementor-widget-vc_custom_heading\" data-id=\"b57fed6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"vc_custom_heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\" vc_custom_heading  consulting_heading_font  text_align_left\" ><h3 style=\"text-align: left;font-weight:100\" class=\"consulting-custom-title\">Bar chart, legend bottom\n<\/h3><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b580291 elementor-widget elementor-widget-stm_charts\" data-id=\"b580291\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"stm_charts.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t<div class=\"stm_chart stm_charts legend_position_bottom\">\n\t\t<canvas id=\"chart_69f891b7de6b8\" 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_69f891b7de6b8 = {\"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_69f891b7de6b8 = jQuery(\"#chart_69f891b7de6b8\").get(0).getContext(\"2d\");\n\t\t\t\tchart_69f891b7de6b8.canvas.width = 500;\n\t\t\t\tchart_69f891b7de6b8.canvas.height = 300;\n\t\t\t\tvar stackedLine = new Chart(chart_69f891b7de6b8, {\n\t\t\t\t\ttype: 'bar',\n\t\t\t\t\tdata: ChartData_chart_69f891b7de6b8,\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\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b5803c2 elementor-widget elementor-widget-stm_spacing\" data-id=\"b5803c2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"stm_spacing.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"stm-spacing\" id=\"stm-spacing-69f891b7debf4\"><\/div>\n<script>\n    (function($){\n        \"use strict\";\n        var spacingID = 'stm-spacing-69f891b7debf4',\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\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-b5804bc elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"b5804bc\" data-element_type=\"section\" data-e-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-b580b5b\" data-id=\"b580b5b\" data-element_type=\"column\" data-e-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-b581039 elementor-widget elementor-widget-vc_custom_heading\" data-id=\"b581039\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"vc_custom_heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\" vc_custom_heading  consulting_heading_font  text_align_left\" ><h3 style=\"text-align: left;font-weight:100\" class=\"consulting-custom-title\">Doughnut chart, legend left\n<\/h3><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b581349 elementor-widget elementor-widget-stm_charts\" data-id=\"b581349\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"stm_charts.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t<div class=\"stm_chart stm_charts legend_position_left\">\n\t\t<canvas id=\"chart_69f891b7df737\" 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_69f891b7df737 = {\"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_69f891b7df737 = jQuery(\"#chart_69f891b7df737\").get(0).getContext(\"2d\");\n\t\t\t\tchart_69f891b7df737.canvas.width = 500;\n\t\t\t\tchart_69f891b7df737.canvas.height = 500;\n\t\t\t\tvar stackedLine = new Chart(chart_69f891b7df737, {\n\t\t\t\t\ttype: 'doughnut',\n\t\t\t\t\tdata: ChartData_chart_69f891b7df737,\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\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b581489 elementor-widget elementor-widget-stm_spacing\" data-id=\"b581489\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"stm_spacing.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"stm-spacing\" id=\"stm-spacing-69f891b7dfbed\"><\/div>\n<script>\n    (function($){\n        \"use strict\";\n        var spacingID = 'stm-spacing-69f891b7dfbed',\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\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-b585c32\" data-id=\"b585c32\" data-element_type=\"column\" data-e-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-b5863d0 elementor-widget elementor-widget-vc_custom_heading\" data-id=\"b5863d0\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"vc_custom_heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\" vc_custom_heading  consulting_heading_font  text_align_left\" ><h3 style=\"text-align: left;font-weight:100\" class=\"consulting-custom-title\">Pie chart, legend right\n<\/h3><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b58670f elementor-widget elementor-widget-stm_charts\" data-id=\"b58670f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"stm_charts.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t<div class=\"stm_chart stm_charts legend_position_right\">\n\t\t<canvas id=\"chart_69f891b7e06c5\" 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_69f891b7e06c5 = {\"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_69f891b7e06c5 = jQuery(\"#chart_69f891b7e06c5\").get(0).getContext(\"2d\");\n\t\t\t\tchart_69f891b7e06c5.canvas.width = 500;\n\t\t\t\tchart_69f891b7e06c5.canvas.height = 500;\n\t\t\t\tvar stackedLine = new Chart(chart_69f891b7e06c5, {\n\t\t\t\t\ttype: 'pie',\n\t\t\t\t\tdata: ChartData_chart_69f891b7e06c5,\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\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b5867d0 elementor-widget elementor-widget-stm_spacing\" data-id=\"b5867d0\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"stm_spacing.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"stm-spacing\" id=\"stm-spacing-69f891b7e0b8c\"><\/div>\n<script>\n    (function($){\n        \"use strict\";\n        var spacingID = 'stm-spacing-69f891b7e0b8c',\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\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-b58686e elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"b58686e\" data-element_type=\"section\" data-e-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-b586e37\" data-id=\"b586e37\" data-element_type=\"column\" data-e-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-b587252 elementor-widget elementor-widget-vc_custom_heading\" data-id=\"b587252\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"vc_custom_heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\" vc_custom_heading  consulting_heading_font  text_align_left\" ><h3 style=\"text-align: left;font-weight:100\" class=\"consulting-custom-title\">Radar chart, legend bottom\n<\/h3><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b58755c elementor-widget elementor-widget-stm_charts\" data-id=\"b58755c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"stm_charts.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t<div class=\"stm_chart stm_charts legend_position_bottom\">\n\t\t<canvas id=\"chart_69f891b7e1775\" 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_69f891b7e1775 = {\"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_69f891b7e1775 = jQuery(\"#chart_69f891b7e1775\").get(0).getContext(\"2d\");\n\t\t\t\tchart_69f891b7e1775.canvas.width = 500;\n\t\t\t\tchart_69f891b7e1775.canvas.height = 500;\n\t\t\t\tvar stackedLine = new Chart(chart_69f891b7e1775, {\n\t\t\t\t\ttype: 'radar',\n\t\t\t\t\tdata: ChartData_chart_69f891b7e1775,\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\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b587691 elementor-widget elementor-widget-stm_spacing\" data-id=\"b587691\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"stm_spacing.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"stm-spacing\" id=\"stm-spacing-69f891b7e1c91\"><\/div>\n<script>\n    (function($){\n        \"use strict\";\n        var spacingID = 'stm-spacing-69f891b7e1c91',\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\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-b58775b\" data-id=\"b58775b\" data-element_type=\"column\" data-e-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-b587b26 elementor-widget elementor-widget-vc_custom_heading\" data-id=\"b587b26\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"vc_custom_heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\" vc_custom_heading  consulting_heading_font  text_align_left\" ><h3 style=\"text-align: left;font-weight:100\" class=\"consulting-custom-title\">Polar area chart, legend none\n<\/h3><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-b587d8b elementor-widget elementor-widget-stm_charts\" data-id=\"b587d8b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"stm_charts.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t<div class=\"stm_chart stm_charts legend_position_bottom\">\n\t\t<canvas id=\"chart_69f891b7e2748\" 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_69f891b7e2748 = {\"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_69f891b7e2748 = jQuery(\"#chart_69f891b7e2748\").get(0).getContext(\"2d\");\n\t\t\t\tchart_69f891b7e2748.canvas.width = 500;\n\t\t\t\tchart_69f891b7e2748.canvas.height = 500;\n\t\t\t\tvar stackedLine = new Chart(chart_69f891b7e2748, {\n\t\t\t\t\ttype: 'polarArea',\n\t\t\t\t\tdata: ChartData_chart_69f891b7e2748,\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\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>[vc_row][vc_column width=&#8221;1\/2&#8243;][vc_custom_heading text=&#8221;Line chart, legend bottom&#8221; font_container=&#8221;tag:h3|text_align:left&#8221; use_theme_fonts=&#8221;yes&#8221;][stm_charts values=&#8221;%5B%7B%22title%22%3A%22Gross%20Revenue%22%2C%22y_values%22%3A%2210%3B%2015%3B%2020%3B%2025%3B%2027%3B%2025%3B%2023%3B%2025%22%2C%22color%22%3A%22%23fe6c61%22%7D%2C%7B%22title%22%3A%22Net%20Revenue%22%2C%22y_values%22%3A%2225%3B%2018%3B%2016%3B%2017%3B%2020%3B%2025%3B%2030%3B%2035%22%2C%22color%22%3A%22%235472d2%22%7D%5D&#8221;][stm_spacing lg_spacing=&#8221;60&#8243; md_spacing=&#8221;60&#8243; sm_spacing=&#8221;50&#8243; xs_spacing=&#8221;40&#8243;][\/vc_column][vc_column width=&#8221;1\/2&#8243;][vc_custom_heading text=&#8221;Bar chart, legend bottom&#8221; font_container=&#8221;tag:h3|text_align:left&#8221; use_theme_fonts=&#8221;yes&#8221;][stm_charts design=&#8221;bar&#8221; values=&#8221;%5B%7B%22title%22%3A%22Operating%20Income%22%2C%22y_values%22%3A%2211%3B%2015%3B%2020%3B%2025%3B%2027%3B%2025%3B%2023%3B%2025%22%2C%22color%22%3A%22%23fe6c61%22%7D%2C%7B%22title%22%3A%22Sales%20Cost%22%2C%22y_values%22%3A%2225%3B%2018%3B%2016%3B%2017%3B%2020%3B%2025%3B%2030%3B%2035%22%2C%22color%22%3A%22%235472d2%22%7D%5D&#8221;][stm_spacing lg_spacing=&#8221;60&#8243; md_spacing=&#8221;60&#8243; sm_spacing=&#8221;50&#8243; xs_spacing=&#8221;40&#8243;][\/vc_column][\/vc_row][vc_row][vc_column width=&#8221;1\/2&#8243;][vc_custom_heading text=&#8221;Doughnut chart, legend left&#8221; font_container=&#8221;tag:h3|text_align:left&#8221; use_theme_fonts=&#8221;yes&#8221;][stm_charts design=&#8221;doughnut&#8221; legend_position=&#8221;left&#8221; values_circle=&#8221;%5B%7B%22title%22%3A%22Adjustments%22%2C%22value%22%3A%2240%22%2C%22color%22%3A%22%23fe6c61%22%7D%2C%7B%22title%22%3A%22Gross%20Revenue%22%2C%22value%22%3A%2230%22%2C%22color%22%3A%22%235472d2%22%7D%2C%7B%22title%22%3A%22Net%20Revenue%22%2C%22value%22%3A%2220%22%2C%22color%22%3A%22%238d6dc4%22%7D%5D&#8221;][stm_spacing lg_spacing=&#8221;60&#8243; md_spacing=&#8221;60&#8243; sm_spacing=&#8221;50&#8243; xs_spacing=&#8221;40&#8243;][\/vc_column][vc_column width=&#8221;1\/2&#8243;][vc_custom_heading text=&#8221;Pie chart, legend right&#8221; font_container=&#8221;tag:h3|text_align:left&#8221; use_theme_fonts=&#8221;yes&#8221;][stm_charts design=&#8221;pie&#8221; legend_position=&#8221;right&#8221; values_circle=&#8221;%5B%7B%22title%22%3A%22Operating%20Income%22%2C%22value%22%3A%2240%22%2C%22color%22%3A%22%23fe6c61%22%7D%2C%7B%22title%22%3A%22Sales%20Cost%22%2C%22value%22%3A%2230%22%2C%22color%22%3A%22%235472d2%22%7D%2C%7B%22title%22%3A%22Adjustments%22%2C%22value%22%3A%2290%22%2C%22color%22%3A%22%238d6dc4%22%7D%5D&#8221;][stm_spacing lg_spacing=&#8221;60&#8243; md_spacing=&#8221;60&#8243; sm_spacing=&#8221;50&#8243; xs_spacing=&#8221;40&#8243;][\/vc_column][\/vc_row][vc_row][vc_column width=&#8221;1\/2&#8243;][vc_custom_heading<\/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-5608","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.5 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Graphs &amp; Charts - wtcyangon<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/demo.wtcyangon.com\/?page_id=5608\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Graphs &amp; Charts - wtcyangon\" \/>\n<meta property=\"og:description\" content=\"[vc_row][vc_column width=&#8221;1\/2&#8243;][vc_custom_heading text=&#8221;Line chart, legend bottom&#8221; font_container=&#8221;tag:h3|text_align:left&#8221; use_theme_fonts=&#8221;yes&#8221;][stm_charts values=&#8221;%5B%7B%22title%22%3A%22Gross%20Revenue%22%2C%22y_values%22%3A%2210%3B%2015%3B%2020%3B%2025%3B%2027%3B%2025%3B%2023%3B%2025%22%2C%22color%22%3A%22%23fe6c61%22%7D%2C%7B%22title%22%3A%22Net%20Revenue%22%2C%22y_values%22%3A%2225%3B%2018%3B%2016%3B%2017%3B%2020%3B%2025%3B%2030%3B%2035%22%2C%22color%22%3A%22%235472d2%22%7D%5D&#8221;][stm_spacing lg_spacing=&#8221;60&#8243; md_spacing=&#8221;60&#8243; sm_spacing=&#8221;50&#8243; xs_spacing=&#8221;40&#8243;][\/vc_column][vc_column width=&#8221;1\/2&#8243;][vc_custom_heading text=&#8221;Bar chart, legend bottom&#8221; font_container=&#8221;tag:h3|text_align:left&#8221; use_theme_fonts=&#8221;yes&#8221;][stm_charts design=&#8221;bar&#8221; values=&#8221;%5B%7B%22title%22%3A%22Operating%20Income%22%2C%22y_values%22%3A%2211%3B%2015%3B%2020%3B%2025%3B%2027%3B%2025%3B%2023%3B%2025%22%2C%22color%22%3A%22%23fe6c61%22%7D%2C%7B%22title%22%3A%22Sales%20Cost%22%2C%22y_values%22%3A%2225%3B%2018%3B%2016%3B%2017%3B%2020%3B%2025%3B%2030%3B%2035%22%2C%22color%22%3A%22%235472d2%22%7D%5D&#8221;][stm_spacing lg_spacing=&#8221;60&#8243; md_spacing=&#8221;60&#8243; sm_spacing=&#8221;50&#8243; xs_spacing=&#8221;40&#8243;][\/vc_column][\/vc_row][vc_row][vc_column width=&#8221;1\/2&#8243;][vc_custom_heading text=&#8221;Doughnut chart, legend left&#8221; font_container=&#8221;tag:h3|text_align:left&#8221; use_theme_fonts=&#8221;yes&#8221;][stm_charts design=&#8221;doughnut&#8221; legend_position=&#8221;left&#8221; values_circle=&#8221;%5B%7B%22title%22%3A%22Adjustments%22%2C%22value%22%3A%2240%22%2C%22color%22%3A%22%23fe6c61%22%7D%2C%7B%22title%22%3A%22Gross%20Revenue%22%2C%22value%22%3A%2230%22%2C%22color%22%3A%22%235472d2%22%7D%2C%7B%22title%22%3A%22Net%20Revenue%22%2C%22value%22%3A%2220%22%2C%22color%22%3A%22%238d6dc4%22%7D%5D&#8221;][stm_spacing lg_spacing=&#8221;60&#8243; md_spacing=&#8221;60&#8243; sm_spacing=&#8221;50&#8243; xs_spacing=&#8221;40&#8243;][\/vc_column][vc_column width=&#8221;1\/2&#8243;][vc_custom_heading text=&#8221;Pie chart, legend right&#8221; font_container=&#8221;tag:h3|text_align:left&#8221; use_theme_fonts=&#8221;yes&#8221;][stm_charts design=&#8221;pie&#8221; legend_position=&#8221;right&#8221; values_circle=&#8221;%5B%7B%22title%22%3A%22Operating%20Income%22%2C%22value%22%3A%2240%22%2C%22color%22%3A%22%23fe6c61%22%7D%2C%7B%22title%22%3A%22Sales%20Cost%22%2C%22value%22%3A%2230%22%2C%22color%22%3A%22%235472d2%22%7D%2C%7B%22title%22%3A%22Adjustments%22%2C%22value%22%3A%2290%22%2C%22color%22%3A%22%238d6dc4%22%7D%5D&#8221;][stm_spacing lg_spacing=&#8221;60&#8243; md_spacing=&#8221;60&#8243; sm_spacing=&#8221;50&#8243; xs_spacing=&#8221;40&#8243;][\/vc_column][\/vc_row][vc_row][vc_column width=&#8221;1\/2&#8243;][vc_custom_heading\" \/>\n<meta property=\"og:url\" content=\"https:\/\/demo.wtcyangon.com\/?page_id=5608\" \/>\n<meta property=\"og:site_name\" content=\"wtcyangon\" \/>\n<meta property=\"article:modified_time\" content=\"2026-05-04T12:03:44+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"3 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/demo.wtcyangon.com\\\/?page_id=5608\",\"url\":\"https:\\\/\\\/demo.wtcyangon.com\\\/?page_id=5608\",\"name\":\"Graphs & Charts - wtcyangon\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/wtcyangon.com\\\/#website\"},\"datePublished\":\"2020-01-24T11:40:07+00:00\",\"dateModified\":\"2026-05-04T12:03:44+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/demo.wtcyangon.com\\\/?page_id=5608#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/demo.wtcyangon.com\\\/?page_id=5608\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/demo.wtcyangon.com\\\/?page_id=5608#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/demo.wtcyangon.com\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Graphs &#038; Charts\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/wtcyangon.com\\\/#website\",\"url\":\"https:\\\/\\\/wtcyangon.com\\\/\",\"name\":\"wtcyangon\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/wtcyangon.com\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Graphs & Charts - wtcyangon","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:\/\/demo.wtcyangon.com\/?page_id=5608","og_locale":"en_US","og_type":"article","og_title":"Graphs & Charts - wtcyangon","og_description":"[vc_row][vc_column width=&#8221;1\/2&#8243;][vc_custom_heading text=&#8221;Line chart, legend bottom&#8221; font_container=&#8221;tag:h3|text_align:left&#8221; use_theme_fonts=&#8221;yes&#8221;][stm_charts values=&#8221;%5B%7B%22title%22%3A%22Gross%20Revenue%22%2C%22y_values%22%3A%2210%3B%2015%3B%2020%3B%2025%3B%2027%3B%2025%3B%2023%3B%2025%22%2C%22color%22%3A%22%23fe6c61%22%7D%2C%7B%22title%22%3A%22Net%20Revenue%22%2C%22y_values%22%3A%2225%3B%2018%3B%2016%3B%2017%3B%2020%3B%2025%3B%2030%3B%2035%22%2C%22color%22%3A%22%235472d2%22%7D%5D&#8221;][stm_spacing lg_spacing=&#8221;60&#8243; md_spacing=&#8221;60&#8243; sm_spacing=&#8221;50&#8243; xs_spacing=&#8221;40&#8243;][\/vc_column][vc_column width=&#8221;1\/2&#8243;][vc_custom_heading text=&#8221;Bar chart, legend bottom&#8221; font_container=&#8221;tag:h3|text_align:left&#8221; use_theme_fonts=&#8221;yes&#8221;][stm_charts design=&#8221;bar&#8221; values=&#8221;%5B%7B%22title%22%3A%22Operating%20Income%22%2C%22y_values%22%3A%2211%3B%2015%3B%2020%3B%2025%3B%2027%3B%2025%3B%2023%3B%2025%22%2C%22color%22%3A%22%23fe6c61%22%7D%2C%7B%22title%22%3A%22Sales%20Cost%22%2C%22y_values%22%3A%2225%3B%2018%3B%2016%3B%2017%3B%2020%3B%2025%3B%2030%3B%2035%22%2C%22color%22%3A%22%235472d2%22%7D%5D&#8221;][stm_spacing lg_spacing=&#8221;60&#8243; md_spacing=&#8221;60&#8243; sm_spacing=&#8221;50&#8243; xs_spacing=&#8221;40&#8243;][\/vc_column][\/vc_row][vc_row][vc_column width=&#8221;1\/2&#8243;][vc_custom_heading text=&#8221;Doughnut chart, legend left&#8221; font_container=&#8221;tag:h3|text_align:left&#8221; use_theme_fonts=&#8221;yes&#8221;][stm_charts design=&#8221;doughnut&#8221; legend_position=&#8221;left&#8221; values_circle=&#8221;%5B%7B%22title%22%3A%22Adjustments%22%2C%22value%22%3A%2240%22%2C%22color%22%3A%22%23fe6c61%22%7D%2C%7B%22title%22%3A%22Gross%20Revenue%22%2C%22value%22%3A%2230%22%2C%22color%22%3A%22%235472d2%22%7D%2C%7B%22title%22%3A%22Net%20Revenue%22%2C%22value%22%3A%2220%22%2C%22color%22%3A%22%238d6dc4%22%7D%5D&#8221;][stm_spacing lg_spacing=&#8221;60&#8243; md_spacing=&#8221;60&#8243; sm_spacing=&#8221;50&#8243; xs_spacing=&#8221;40&#8243;][\/vc_column][vc_column width=&#8221;1\/2&#8243;][vc_custom_heading text=&#8221;Pie chart, legend right&#8221; font_container=&#8221;tag:h3|text_align:left&#8221; use_theme_fonts=&#8221;yes&#8221;][stm_charts design=&#8221;pie&#8221; legend_position=&#8221;right&#8221; values_circle=&#8221;%5B%7B%22title%22%3A%22Operating%20Income%22%2C%22value%22%3A%2240%22%2C%22color%22%3A%22%23fe6c61%22%7D%2C%7B%22title%22%3A%22Sales%20Cost%22%2C%22value%22%3A%2230%22%2C%22color%22%3A%22%235472d2%22%7D%2C%7B%22title%22%3A%22Adjustments%22%2C%22value%22%3A%2290%22%2C%22color%22%3A%22%238d6dc4%22%7D%5D&#8221;][stm_spacing lg_spacing=&#8221;60&#8243; md_spacing=&#8221;60&#8243; sm_spacing=&#8221;50&#8243; xs_spacing=&#8221;40&#8243;][\/vc_column][\/vc_row][vc_row][vc_column width=&#8221;1\/2&#8243;][vc_custom_heading","og_url":"https:\/\/demo.wtcyangon.com\/?page_id=5608","og_site_name":"wtcyangon","article_modified_time":"2026-05-04T12:03:44+00:00","twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/demo.wtcyangon.com\/?page_id=5608","url":"https:\/\/demo.wtcyangon.com\/?page_id=5608","name":"Graphs & Charts - wtcyangon","isPartOf":{"@id":"https:\/\/wtcyangon.com\/#website"},"datePublished":"2020-01-24T11:40:07+00:00","dateModified":"2026-05-04T12:03:44+00:00","breadcrumb":{"@id":"https:\/\/demo.wtcyangon.com\/?page_id=5608#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/demo.wtcyangon.com\/?page_id=5608"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/demo.wtcyangon.com\/?page_id=5608#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/demo.wtcyangon.com\/"},{"@type":"ListItem","position":2,"name":"Graphs &#038; Charts"}]},{"@type":"WebSite","@id":"https:\/\/wtcyangon.com\/#website","url":"https:\/\/wtcyangon.com\/","name":"wtcyangon","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/wtcyangon.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"}]}},"_links":{"self":[{"href":"https:\/\/demo.wtcyangon.com\/index.php?rest_route=\/wp\/v2\/pages\/5608","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/demo.wtcyangon.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/demo.wtcyangon.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/demo.wtcyangon.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/demo.wtcyangon.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=5608"}],"version-history":[{"count":1,"href":"https:\/\/demo.wtcyangon.com\/index.php?rest_route=\/wp\/v2\/pages\/5608\/revisions"}],"predecessor-version":[{"id":7399,"href":"https:\/\/demo.wtcyangon.com\/index.php?rest_route=\/wp\/v2\/pages\/5608\/revisions\/7399"}],"wp:attachment":[{"href":"https:\/\/demo.wtcyangon.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=5608"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}