Progress® Kendo UI® for jQuery Feedback Portal
Back to Feed
Request a Feature Report a Bug
Under Review
Last Updated: 19 Dec 2023 16:35 by ADMIN
Doug
Created on: 01 Dec 2023 23:07
Category: Kendo UI for jQuery
Type: Bug Report
0
Charts hang for long periods after update to 2023.3.1114 from 2023.3.1010
After updating drawing a standard area chart with 10 data points takes 10-20x the amount of time, and renders the browser frozen for long periods.
8 comments
ADMIN
Peter Milchev
Posted on: 19 Dec 2023 16:35

Hi Doug,

I have compared the source code of both 1010 and 1114 versions with a diff checker and data source and chart files are identical. Most of the changes are related to the removal of internal Angular-related code.

You can make the same verification by downloading the source code zips from your account for both versions, initialize a git repo in the src folder, stage and commit the changes, then paste the content of the src folder of the new folder to replace the files. That would allow you to easily visualize the changes in your diff editor (e.g. VS Code). To see only the changed files, you can also globally replace the 1114 string with 1010 because many of the changed files have only the version as a difference.

That is why I suggest you open a private support thread where we can discuss the upgrade process, the actual changes, and the possibilities for a remote session in more detail. 

In the support ticket please include the following:

  • A reference to this feedback item (#1633149)
  • The amount of data you have when the chart makes the page unresponsive
    • console.log(c1DS.data().length); after the c1DS.read();
  • The configuration of the kendoDataSource you have
  • Replace the Kendo Chart with a Kendo Grid to try and see if the issue is more in the data source or the Chart:

Regards,
Peter Milchev
Progress Telerik

Stay tuned by visiting our public roadmap and feedback portal pages! Or perhaps, if you are new to our Kendo family, check out our getting started resources! 
Doug
Posted on: 13 Dec 2023 15:58
Again, this fails in the real world, across of hundreds of our tens of thousands of customers, it will likely never be able to be reproduced with hello world snips.  When the affected customers switch to a page who's only change is the kendo 1114 to 1010 they work perfectly fine.  We can rule out browser, machine config etc.  We used their creds to access their data here in a sandbox, and it is 100% reproducible.  If you want to have  a session with our team to see that with a senior dev on your side, we can likely arrange it with a customer.
ADMIN
Peter Milchev
Posted on: 13 Dec 2023 15:53

Hello Doug,

I have created an example where the Area chart uses almost the same configuration as yours and can handle creating and rendering data with 15 or more records:

Please modify the example if the datasource is different for your case.

You can also share the configuration of the datasource as it is possible the data in the datasource is obtained slowly.

As a test, you can get the dummy data generation logic and use it in your application for the datasource to narrow down the cause of the issue.

Regards,
Peter Milchev
Progress Telerik

Stay tuned by visiting our public roadmap and feedback portal pages! Or perhaps, if you are new to our Kendo family, check out our getting started resources! 
Doug
Posted on: 08 Dec 2023 16:16
If we are unable to update versions, we'll have to plan to migrate to another product.
Doug
Posted on: 08 Dec 2023 16:10

We have changed nothing in the chart code for at least 12 months.

 

It's pretty vanilla.

 

$("#callsbyhourchart").kendoChart(
                {
                    autoBind:true,
                    theme: "sass",
                    transitions: false,
                    renderAs: "canvas",
                    dataSource: c1DS,
                    chartArea: {
                        height: 139
                    },
                    series: [{
                        type: "area",
                        line: {
                            style: "smooth"
                        },
                        field: "Calls",
                        color: rcColorBlue, //#D9534F
                        categoryField: "Hour",
                        opacity: 1
                    }],
                    tooltip: {
                        visible: true,
                        format: "{0} Calls",
                        color: "#fff"
                    },
                    axisDefaults: {
                        labels: {
                            visible: true
                            //step: 2
                        },
                        minorGridLines:
                        {
                            visible: false,
                            color: "#777777"
                        },
                        majorTickType: "none",
                        majorGridLines: {
                            width: 1,
                            color: "#777777"
                        }
                    },
                    valueAxis: {
                        minorGridLines: {
                            visible: false
                        }
                    }
                });
            }
           

c1DS.read();

 

After the chart is rendered, the datasource is just read going forward to update it every 30 seconds or so.

 

ADMIN
Peter Milchev
Posted on: 08 Dec 2023 16:05

Hello Doug,

There seem to be no significant changes in the charting code, so the performance issue probably stems from another thing.

Please share the configuration of the graph you are referring to, how you set it up, and how you update it.

You can open a private bug report with more details and share a video reproduction of the issue where we can understand better what kind of chart is used, and how it is configured and updated. 

Regards,
Peter Milchev
Progress Telerik

Stay tuned by visiting our public roadmap and feedback portal pages! Or perhaps, if you are new to our Kendo family, check out our getting started resources! 
Doug
Posted on: 08 Dec 2023 12:24
It affected thousands of our customers, but not all.  The symptom is essentially a browser pinned at 100% cpu for 5 to 10 seconds while generating a graph with less than 10 data points.  Rolling back restored function from all affected customers.  There is no special code that deviates in mass from any of your demo code.  Obviously our application isn't a 10 line demo code, and we can not recreate it with out data here either.  With an affected customer login, we are able to see it, and observe it happening on each update of the graph.  What changes were made from 1010 to 1114 in regards to charts, or the underlying shared libraries?
ADMIN
Peter Milchev
Posted on: 08 Dec 2023 12:16

Hi Doug,

We cannot observe the described decrease in performance in our online demos:

Please share a Dojo example where we can see the different behavior of the charts with the different versions.

Regards,
Peter Milchev
Progress Telerik

Stay tuned by visiting our public roadmap and feedback portal pages! Or perhaps, if you are new to our Kendo family, check out our getting started resources! 
Create an account Log In
View
Type
Status
Category