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

2 posts, 0 answers
  1. n/a
    n/a avatar
    72 posts
    Member since:
    Jan 2018

    Posted 21 Jul Link to this post

    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>

     

  2. n/a
    n/a avatar
    72 posts
    Member since:
    Jan 2018

    Posted 21 Jul in reply to n/a Link to this post

    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.

     

Back to Top