Unable to bind data values on clustered Kendo chart while changing the year dropdown

[Dev]

Hi Team,

I'm using clustered Kendo bar chart. We are filtering the data based on year (external dropdown). I've tried with all your suggested links but unable to figure out what I'm missing on it. JS file attached for your reference and aspx code snippet mentioned below. Can you please help with it?

aspx

 

<form runat="server">
        <section class="content">
           <div class="box">
                <div class="box-body">
                    <div>
                        <h4 class="box-title" id="ctlTitle">Open Tickets Summary and Graph</h4>
                    </div>
                    <div class="row">
                        <div class="col-md-4">
                            <label class="form-group" id="lblCategory">Year</label>
                            <select id="ddlYear" class="form-control">
                                <option>2020</option>
                                <option>2019</option>
                                <option>2018</option>
                                <option>2017</option>
                                <option>2016</option>
                            </select>
                        </div>
                    </div>

                </div>
            </div>
            <div>
                <div class="box">
                    <div class="box-body">
                        <div>
                            <div id="OTicketSummaryGraph"></div>
                        </div>
                    </div>
                </div>
                <div class="box">
                    <div class="box-body">
                        <%--<div>
                            <div id="chartdiv" style="height: 300px; width: 100%;"></div>
                        </div>--%>
                        <div class="demo-section k-content wide">
                            <div id="chart"></div>
                        </div>

                    </div>
                </div>
                <script src="Scripts/TSPortal/OTicketSummary.js"></script>
            </div>
        </section>
    </form>

 

[Dev]

Hi Team,

I have fixed this issue.

i have added these 2 lines on after the ajax call and dropdown change function.

 

  var groupedData =  $("#TicketHistory").data().kendoGrid.dataSource.view(); 
  Getdropdown(groupedData);

Thanks.