@php

$XAxisData=$GetResult['XAxisData'];
$YAxisData=$GetResult['YAxisData'];
$REsultData=$GetResult['REsultData'];
$XDemographyConfigId=$XAxisArray[0]['DemographyConfigId'];
$XAxisColumnName=$XAxisArray[0]['ColumnName'];
$XAxisAliasname=$XAxisArray[0]['Aliasname'];
$YDemographyConfigId=$YAxisArray[0]['DemographyConfigId'];
$YAxisColumnName=$YAxisArray[0]['ColumnName'];
$YAxisAliasname=$YAxisArray[0]['Aliasname'];
$YdisplayType=$FieldsDisplayType[$YDemographyConfigId]['DisplayType'];
echo "<pre>";
// print_r($YAxisData);
// print_r($REsultData);

$MainArray=array();
$XSeries=array();
foreach($XAxisData as $EachXData)
{
	$XSeries[]=$EachXData;
}
foreach($YAxisData as $EachYData)
{
	foreach($REsultData as $EachResult)
	{
		$MainArray[$EachYData][]=$EachResult[$EachYData];
	}
}
$OverallArray=array();
foreach($YAxisData as $EachYData)
{
	//$DetailedData=json_encode($MainArray[$EachYData]);
	$DetailedData=$MainArray[$EachYData];
	if($EachYData=='')
	{
		$EachYData='Empty';
	}
	if(($YdisplayType==5 || $YdisplayType==2 || $YdisplayType==3 || $YdisplayType==6 ) && $EachYData!='')
	{
		$YDropDownNameId=$FieldsDisplayType[$YDemographyConfigId]['DropDownNameId'];
		if($GetDropdownLists[$YDropDownNameId])
		{
			$ChildDropDown=$GetDropdownLists[$YDropDownNameId];
			if(array_key_exists($EachYData,$ChildDropDown))
			{
				$EachYData=$ChildDropDown[$EachYData];
			}
		}
	}
	$OverallArray[]=array('name'=>$EachYData,'data'=>$DetailedData);
}
$Series=json_encode($OverallArray);

$XAxisEncode=json_encode($XSeries);

//print_r($MainArray);
//print_r($Series);
echo "<br>";
//print_r($XAxisEncode);
echo "</pre>";
@endphp


<div class="widget-header">
	<div class="row">
		<div class="col-xl-6 col-md-6 col-sm-12 col-12">
			<h5 class="text-primary"></h5>
		</div>
	</div>
	<div id="s-col-stacked">
	</div>
	<script> 
		var sColStacked = {
		chart: {
			height: 350,
			type: 'bar',
			stacked: true,
			toolbar: {
			  show: false,
			}
		},
		responsive: [{
			breakpoint: 480,
			options: {
				legend: {
					position: 'bottom',
					offsetX: -10,
					offsetY: 0
				}
			}
		}],
		plotOptions: {
			bar: {
				horizontal: false,
			},
		},
		series: ,
		xaxis: {
			type: 'datetime',
			categories: ["2023-01-17","2023-01-19","2023-01-20","2023-01-23","2023-01-24","2023-01-25","2023-01-26","2023-01-27","2023-01-28","2023-01-29","2023-01-30","2023-01-31"],
		},
		legend: {
			position: 'right',
			offsetY: 40
		},
		fill: {
			opacity: 1
		},
	}

	var chart = new ApexCharts(
		document.querySelector("#s-col-stacked"),
		sColStacked
	);

	chart.render();
	</script>
</div>