This is a migrated thread and some comments may be shown as answers.

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

1 Answer 38 Views
Charts
This is a migrated thread and some comments may be shown as answers.
Dev
Top achievements
Rank 1
Veteran
Dev asked on 21 Jul 2020, 06:46 AM

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>

 

1 Answer, 1 is accepted

Sort by
0
Dev
Top achievements
Rank 1
Veteran
answered on 21 Jul 2020, 10:40 AM

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.

 

Tags
Charts
Asked by
Dev
Top achievements
Rank 1
Veteran
Answers by
Dev
Top achievements
Rank 1
Veteran
Share this question
or