{"id":915,"date":"2019-12-31T19:56:22","date_gmt":"2019-12-31T19:56:22","guid":{"rendered":"https:\/\/ninetheme.com\/themes\/r-energy\/?page_id=915"},"modified":"2025-05-20T12:25:36","modified_gmt":"2025-05-20T12:25:36","slug":"charts","status":"publish","type":"page","link":"https:\/\/suwadeegroup.com\/en\/charts\/","title":{"rendered":"Charts"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"915\" class=\"elementor elementor-915\" data-elementor-post-type=\"page\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-1a8a1c0d elementor-section-stretched elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"1a8a1c0d\" data-element_type=\"section\" data-e-type=\"section\" data-settings=\"{&quot;stretch_section&quot;:&quot;section-stretched&quot;}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-5c105b91\" data-id=\"5c105b91\" 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-15affa8a elementor-widget elementor-widget-r-energy-page-hero-section\" data-id=\"15affa8a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"r-energy-page-hero-section.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"promo-primary\"><div class=\"overlay\"><\/div><picture><source srcset=\"https:\/\/suwadeegroup.com\/wp-content\/uploads\/2019\/12\/elements.jpg\" media=\"(min-width: 992px)\"\/><img decoding=\"async\" class=\"img-bg\" src=\"https:\/\/suwadeegroup.com\/wp-content\/uploads\/2019\/12\/elements.jpg\" alt=\"elements.jpg\"\/><\/picture><div class=\"container\"><div class=\"row\"><div class=\"col-12\"><div class=\"align-container\"><div class=\"align-item\"><span class=\"site__name\">Suwadee Group<\/span><h1 class=\"title\">Charts<\/h1><div class=\"nt-breadcrumbs\"><ul class=\"nt-breadcrumbs-list\"><li class=\"bitem\"><span><a class=\"breadcrumbs__link\" href=\"https:\/\/suwadeegroup.com\/en\/\"><span>Home<\/span><\/a><\/span><\/li><\/ul><\/div><\/div><\/div><\/div><\/div><\/div><\/div>\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 class=\"elementor-section elementor-top-section elementor-element elementor-element-2205c89 nt-section section no-padding-bottom elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"2205c89\" 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-100 elementor-top-column elementor-element elementor-element-0e9b7cd\" data-id=\"0e9b7cd\" 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-212fcc6 elementor-widget elementor-widget-heading\" data-id=\"212fcc6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Variant 1<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-section elementor-inner-section elementor-element elementor-element-de5eaf9 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"de5eaf9\" 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-66 elementor-inner-column elementor-element elementor-element-3bbba26\" data-id=\"3bbba26\" 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-c38faf2 elementor-widget elementor-widget-r-energy-charts\" data-id=\"c38faf2\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"r-energy-charts.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<canvas id=\"bar-chart-c38faf2\"><\/canvas><script>jQuery(document).ready(function ($) {\n            var ctx = document.getElementById('bar-chart-c38faf2').getContext('2d');\n\t\t\tvar myChart = new Chart(ctx, {\n\t\t\t\ttype: 'bar',\n\t\t\t\tdata: {\n\t\t\t\t\tlabels: ['Red','Blue','Yellow','Green','Purple','Orange'],\n\t\t\t\t\tdatasets: [{\n\t\t\t\t\t\tlabel: '# of Votes',\n\t\t\t\t\t\tdata: [12,19,3,5,2,3],\n\t\t\t\t\t\tbackgroundColor: ['rgba(255, 99, 132,0.2)','rgba(54, 162, 235,0.2)','rgba(255, 206, 86,0.2)','rgba(75, 192, 192,0.2)','rgba(153, 102, 255,0.2)','rgba(255, 159, 64,0.2)'],\n\t\t\t\t\t\tborderColor: ['rgba(255, 99, 132,1)','rgba(54, 162, 235,1)','rgba(255, 206, 86,1)','rgba(75, 192, 192,1)','rgba(153, 102, 255,1)','rgba(255, 159, 64,1)'],\n\t\t\t\t\t\tborderWidth: 1\n\t\t\t\t\t}]\n\t\t\t\t},\n\t\t\t\toptions: {scales: {yAxes: [{ticks: {beginAtZero: true}}]}}\n\t\t\t});});<\/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-33 elementor-inner-column elementor-element elementor-element-058ab57\" data-id=\"058ab57\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap\">\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-section elementor-top-section elementor-element elementor-element-ac9ba5b nt-section section no-padding-bottom elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"ac9ba5b\" 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-100 elementor-top-column elementor-element elementor-element-193c64a\" data-id=\"193c64a\" 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-8fb7727 elementor-widget elementor-widget-heading\" data-id=\"8fb7727\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Variant 2<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-section elementor-inner-section elementor-element elementor-element-5af4359 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"5af4359\" 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-66 elementor-inner-column elementor-element elementor-element-53bcf7b\" data-id=\"53bcf7b\" 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-88fa771 elementor-widget elementor-widget-r-energy-charts\" data-id=\"88fa771\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"r-energy-charts.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<canvas id=\"line-chart-88fa771\"><\/canvas><script>jQuery(document).ready(function ($) {\n            var ctx = document.getElementById('line-chart-88fa771').getContext('2d');\n\t\t\tvar myChart = new Chart(ctx, {\n\t\t\t\ttype: 'line',\n\t\t\t\tdata: {\n\t\t\t\t\tlabels: ['January',' February',' March',' April',' May',' June',' July'],\n\t\t\t\t\tdatasets: [{\n                    label: 'Red',\n                    data: [330, 250, 480, 120, 220, 130, 255],\n                    backgroundColor: 'rgba(255, 99, 132,0.2)',\n                    borderColor: 'rgba(255, 99, 132,1)',\n                    borderWidth: 1\n                },{\n                    label: 'Blue',\n                    data: [230, 350, 120, 240, 360, 180, 295],\n                    backgroundColor: 'rgba(54, 162, 235,0.2)',\n                    borderColor: 'rgba(54, 162, 235,1)',\n                    borderWidth: 1\n                },{\n                    label: 'Yellow',\n                    data: [450, 290, 123, 332, 439, 222, 340],\n                    backgroundColor: 'rgba(255, 206, 86,0.2)',\n                    borderColor: 'rgba(255, 206, 86,1)',\n                    borderWidth: 1\n                },{\n                    label: 'Green',\n                    data: [400, 450, 380, 250, 450, 320, 210],\n                    backgroundColor: 'rgba(75, 192, 192,0.2)',\n                    borderColor: 'rgba(75, 192, 192,1)',\n                    borderWidth: 1\n                },{\n                    label: 'Purple',\n                    data: [500, 220, 110, 50, 430, 310, 410],\n                    backgroundColor: 'rgba(153, 102, 255,0.2)',\n                    borderColor: 'rgba(153, 102, 255,1)',\n                    borderWidth: 1\n                },{\n                    label: 'Orange',\n                    data: [0, 100, 200, 300, 400, 320, 222],\n                    backgroundColor: 'rgba(255, 159, 64,0.2)',\n                    borderColor: 'rgba(255, 159, 64,1)',\n                    borderWidth: 1\n                }]\n\t\t\t\t}\n\t\t\t});});<\/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-33 elementor-inner-column elementor-element elementor-element-a366eaf\" data-id=\"a366eaf\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap\">\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-section elementor-top-section elementor-element elementor-element-6cb1eed nt-section section no-padding-bottom elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"6cb1eed\" 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-100 elementor-top-column elementor-element elementor-element-cd93760\" data-id=\"cd93760\" 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-91b4426 elementor-widget elementor-widget-heading\" data-id=\"91b4426\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Variant 3<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-section elementor-inner-section elementor-element elementor-element-0a9572a elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"0a9572a\" 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-66 elementor-inner-column elementor-element elementor-element-a064267\" data-id=\"a064267\" 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-8924944 elementor-widget elementor-widget-r-energy-charts\" data-id=\"8924944\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"r-energy-charts.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<canvas id=\"radar-chart-8924944\"><\/canvas><script>jQuery(document).ready(function ($) {\n\t\t\tvar ctx = document.getElementById('radar-chart-8924944').getContext('2d');\n\t\t\tvar myChart = new Chart(ctx, {\n\t\t\t\ttype: 'radar',\n\t\t\t\tdata: {\n\t\t\t\t\tlabels: ['Eating',' Drinking',' Sleeping',' Designing',' Coding',' Cycling',' Running'],\n\t\t\t\t\tdatasets: [{\n                    label: 'First',\n                    data: [100, 44, 55, 90, 55, 80, 100],\n                    backgroundColor: 'rgba(154, 104, 255, 0.2)',\n                    borderColor: 'rgba(154, 104, 255, 1)',\n                    borderWidth: 1\n                },{\n                    label: 'Second',\n                    data: [30, 80, 60, 20, 40, 100, 50],\n                    backgroundColor: 'rgba(255, 99, 132, 0.2)',\n                    borderColor: 'rgba(255, 99, 132, 1)',\n                    borderWidth: 1\n                }],\n\t\t\t\t}\n\t\t\t});});<\/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-33 elementor-inner-column elementor-element elementor-element-21d9d61\" data-id=\"21d9d61\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap\">\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<div class=\"elementor-section elementor-top-section elementor-element elementor-element-ca52e11 nt-section section default-indent elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"ca52e11\" 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-100 elementor-top-column elementor-element elementor-element-0cb0cb4\" data-id=\"0cb0cb4\" 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-a6df72c elementor-widget elementor-widget-heading\" data-id=\"a6df72c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h3 class=\"elementor-heading-title elementor-size-default\">Variant 4<\/h3>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-section elementor-inner-section elementor-element elementor-element-2c57230 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"2c57230\" 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-66 elementor-inner-column elementor-element elementor-element-a0fd245\" data-id=\"a0fd245\" 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-4db9538 elementor-widget elementor-widget-r-energy-charts\" data-id=\"4db9538\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"r-energy-charts.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<canvas id=\"doughnut-chart-4db9538\"><\/canvas><script>jQuery(document).ready(function ($) {\n\t\t\tvar ctx = document.getElementById('doughnut-chart-4db9538').getContext('2d');\n\t\t\tvar myChart = new Chart(ctx, {\n\t\t\t\ttype: 'doughnut',\n\t\t\t\tdata: {\n\t\t\t\t\tlabels: ['Red','Blue','Yellow'],\n\t\t\t\t\tdatasets: [{\n\t\t\t\t\t\tdata: [70,20,10],\n\t\t\t\t\t\tbackgroundColor: ['rgba(255, 99, 132, 1)','rgba(105, 195, 255, 1)','rgba(255, 209, 94, 1)'],\n\t\t\t\t\t}]\n\t\t\t\t}\n\t\t\t});});<\/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-33 elementor-inner-column elementor-element elementor-element-aacd508\" data-id=\"aacd508\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap\">\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>R &#8211; Energy Charts Variant 1 Variant 2 Variant 3 Variant 4<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"r-energy-elementor-page.php","meta":{"_acf_changed":false,"footnotes":""},"class_list":{"0":"post-915","1":"page","2":"type-page","3":"status-publish","4":"hentry","5":"nt-post-class","6":"","7":"masonry-item","8":"col-lg-4","10":"thumb-none","12":"excerpt-none"},"acf":[],"_links":{"self":[{"href":"https:\/\/suwadeegroup.com\/en\/wp-json\/wp\/v2\/pages\/915","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/suwadeegroup.com\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/suwadeegroup.com\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/suwadeegroup.com\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/suwadeegroup.com\/en\/wp-json\/wp\/v2\/comments?post=915"}],"version-history":[{"count":1,"href":"https:\/\/suwadeegroup.com\/en\/wp-json\/wp\/v2\/pages\/915\/revisions"}],"predecessor-version":[{"id":5258,"href":"https:\/\/suwadeegroup.com\/en\/wp-json\/wp\/v2\/pages\/915\/revisions\/5258"}],"wp:attachment":[{"href":"https:\/\/suwadeegroup.com\/en\/wp-json\/wp\/v2\/media?parent=915"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}