Chart with grid not working

[vnistalaParticipant]

Hello Team,
I would like to construct a Chart with grid. The chart should dynamically get updated based on the filters applied on the grid.
I’m trying to follow below example
http://jqwidgets.com/jquery-widgets-demo/demos/jqxchart/index.htm#demos/jqxchart/javascript_chart_and_grid.htm

so basically added the following code

$("#jqxGrid").on('filter', function () {
                var rows = $("#jqxGrid").jqxGrid('getrows');
                var chart = $(chartContainer7).jqxChart('getInstance');
                chart.source = rows;
                chart.update();
            });

Per demo the chart should change if filter is applied. I’m applying filter on first column which has transactions for certain module. If filter is applied i’m getting a blank chart
Any help on this post is appreciated.
Regards,
Venkat

[HristoParticipant]

Hello Venkat,

Could you tell us is there are any error messages?
The demo that you present it seems to work fine.
Could you give us more details and what you expected to happen when you type some value in the filter input?

Best Regards,
Hristo Hristov

jQWidgets team
http://www.jqwidgets.com

[vnistalaParticipant]

Hello Hristo,
There is no error message as such, but when i select the filter in the grid the chart is blank. The data is from csv file and looks like below

User Login,0.536,1.53,6.786
Entity-Search entity,1.044,1.536,2.549
Entity-Click on 'Create Entity' button,0.038,0.453,1.607
Entity-Quick add entity and go into Manage information page ,1.36,4.408,14.441
Entity-Input industry code,0.076,0.641,3.394
Entity-Navigates to Manage Hierarchy page,0.077,0.642,1.721
Entity-Update entity basic information,1.203,2.321,8.733
Hierarchy-Navigates to Manage Hierarchy page,0.052,0.114,1.126
Hierarchy-Switch hierarchy type,0.006,0.109,0.465
Hierarchy-Add relationship,1.611,3.158,9.562

Please let us know
Regards,
Venkat

[HristoParticipant]

Hello Venkat,

It looks like you set values in the filter that does not exist in the Chart.
IF you have a CSV file you should use the DataAdapter.
In this case you cannot simply change “chart.source = rows;” then you should set new data to the source.localdata = newData – ‘newData’ is filtered data.

Best Regards,
Hristo Hristov

jQWidgets team
http://www.jqwidgets.com

[Author]

Posts