
@*<div class="roundbox" style="width:100%; height:400px; border: solid 5px steelblue; margin-top:20px;">*@
@*<div class="col-lg-12 col-sm-11" id="CallPerformChart" style="border: solid 5px steelblue;  float:right; margin:10px;">*@
    <div class="roundbox" id="CallPerformChart" style="width: 100%;height:400px;border: solid 5px steelblue;  float:right; margin:10px;">
        @*float:right; margin:20px;">*@
        @*<div class="roundbox" style="width:550px; height:350px; border: solid 5px steelblue; float:left; margin:10px;">*@
        @*<div class="col-sm-6" style="border: solid 5px steelblue; float:left; margin:10px;">*@
        <div class="roundbox" style="width:550px; height:350px;border: solid 5px steelblue; float:left; margin:10px;">

            @*<div class="col-lg-12 col-sm-12">*@
                @(Html.Kendo().Chart<AdvantEdgePortal.Web.ViewModels.LeadActivityViewModel>()
                .Name("leadsActivityCountOrgChart")
                .Title(t => t.Text("Performance")
                .Background("#128ED7")
                .Color("white")
                )
                .DataSource(dataSource => dataSource.Read(
                        read => read.Action("GetChartData", "Home").Data("PassingLeadTypeToActionMethod_Org_Chart"))
                )
                .Legend(legend => legend.Position(ChartLegendPosition.Bottom).Visible(false))
                .Series(series =>
                {
                    series.Column(c => c.Name);
                    series.Column(c => c.Value, c => c.colour);
                })
                .CategoryAxis(axis => axis
                .Labels(labels => labels.Rotation(-10))
                    .MajorGridLines(lines => lines.Visible(false))
                    .Categories(c => c.Name)
                )
                .ValueAxis(axis => axis
                    .Numeric()
                    .MajorUnit(1)
                    .Max(10)
                    .Labels(labels => labels.Format("{0:N0}"))
                    .Name("LeadActivity")
                .Line(line => line.Visible(true))
                )
                .Tooltip(tooltip => tooltip
                    .Visible(true)
                    .Format("{0:N0}")
                )
                .ChartArea(chartArea =>
                {
                    chartArea.Height(300);
                    chartArea.Width(500);
                    chartArea.Margin(5);
                })
                .Events(events => events
                .DataBound("onDataBoundOrg")
                ).HtmlAttributes(new { style = "margin:3%" })
                )
            @*</div>*@
        </div>

        @*<div class="roundbox" style="width: 500px;  height:350px; border: solid 5px steelblue; float:right; margin:10px;">*@
        @*<div class="col-sm-5" style="border: solid 5px steelblue; float:right; margin:10px;">*@
        <div class="roundbox" style="width: 500px;  height:350px;border: solid 5px steelblue; float:right; margin:10px;">
            @*<div class="col-lg-12 col-sm-12">*@

                @(Html.Kendo().Chart<AdvantEdgePortal.Web.ViewModels.LeadActivityViewModel>()
                .Name("leadsActivitiesCountOrgChart")
                .Title(t => t.Text("Activities")
                .Background("#128ED7")
                .Color("white")
                )
                .DataSource(dataSource => dataSource.Read(
                        read => read.Action("GetChartData", "Home").Data("PassingLeadTypeToActionMethod_Org_Chart"))
                )

                .Legend(legend => legend.Position(ChartLegendPosition.Bottom).Visible(false))
                .Series(series =>
                {
                    series.Column(c => c.Name);
                    series.Column(c => c.Value, c => c.colour);
                })
                .CategoryAxis(axis => axis
                .Labels(labels => labels.Rotation(-10))
                    .MajorGridLines(lines => lines.Visible(false))
                    .Categories(c => c.Name)
                )
                .ValueAxis(axis => axis
                    .Numeric()
                    .MajorUnit(1)
                    .Max(10)
                    .Labels(labels => labels.Format("{0:N0}"))
                    .Name("LeadActivities")
                .Line(line => line.Visible(true))
                )
                .Tooltip(tooltip => tooltip
                    .Visible(true)
                    .Format("{0:N0}")
                )
                .ChartArea(chartArea =>
                {
                    chartArea.Height(300);
                    chartArea.Width(460);
                    chartArea.Margin(5);
                })
                .Events(events => events
                .DataBound("onDataBoundOrg")
                ).HtmlAttributes(new { style = "margin:3%" })

                )
            @*</div>*@
            </div>
        </div>

    </div>
@*<div class="roundbox" style="width:100%; height:400px; border: solid 5px steelblue; margin-top:20px;">*@
@*<div class="roundbox" id ="CallTimingsOrg" style="width: 900px;  height:350px; border: solid 5px steelblue; float:right; margin:10px;">*@
<div class="roundbox" id="CallTimingsOrg" style="width: 100%;height:475px;border: solid 5px steelblue; float:right; margin:10px;">

    @*<div class="col-lg-14 col-sm-14 col-md-10">*@
    @*<div class="col-sm-8 col-md-11 col-lg-12">   @*col-sm-8 col-md-11 col-lg-12*@

        @(Html.Kendo().Chart<AdvantEdgePortal.Web.ViewModels.DayTimeStamp>()
              .Name("OrgcallTimings")
              .Title("Call Timings")
                .DataSource(dataSource => dataSource.Read(
                        read => read.Action("GetCallDataCompletionTime", "Home").Data("PassingLeadTypeToActionMethod_Org_Chart"))
                )
              .Legend(legend => legend
                  .Position(ChartLegendPosition.Bottom)
                )
              .Series(series =>
              {
                  series.Scatter(m => m.WeekDay, m => m.TimeofDay);
              })
              .CategoryAxis(axis => axis
              .MajorGridLines(lines => lines.Visible(false))
              )
                .XAxis(x =>
                x.Numeric()
                .Min(1)
                .Max(5)
                .MajorUnit(1)
                .Labels(l => l.Template("#= getDay(value.toString().substring(0, 1)) #"))
                .Title(title =>
                title.Text("Day"))
                .Crosshair(crosshair => crosshair.Visible(true)
                    .Tooltip(tooltip => tooltip
                        .Visible(true)
                        .Template("#= getDay(value.toString().substring(0, 1)) #")
                    )
                ))
                .YAxis(x => x.Numeric()
                .Min(8)
                .Max(18)
                .MajorUnit(1)
                .Title(title =>
                title.Text("Time"))
                .Crosshair(crosshair => crosshair
                    .Visible(true)
                    .Tooltip(tooltip => tooltip
                        .Visible(true)
                        .Format("{0:n2}")
                    )
                ))
                .ChartArea(chartArea =>
                {
                    //chartArea.Height(350);
                    //chartArea.Width(1050);

                }).HtmlAttributes(new { style = "margin:3%" })
        )

    @*</div>*@


</div>

 <script>
     var dataItem;
    
     $(document).ready(function () {

       

     });

     function resizeOrgCallContent() {
         kendo.resize("#OrgcallTimings");
     }
     
     function resizeLeadStatusContent() {
         kendo.resize("#leadsStatusPieOrgChart");
     }
     

     function resizeCampaignCountContent() {
         kendo.resize("#campaignCountOrgChart");
     }

     function resizeLeadActivivitiesContent() {
         kendo.resize("#leadsActivitiesCountOrgChart");
     }

     function resizeLeadActivityContent() {
         kendo.resize("#leadsActivityCountOrgChart");
     }

     $(window).resize(resizeOrgCallContent);
     $(window).resize(resizeLeadStatusContent);
     $(window).resize(resizeCampaignCountContent);
     $(window).resize(resizeLeadActivivitiesContent);
     $(window).resize(resizeLeadActivityContent);