Hi!
I am loading Kendo-UI via npm (@progress/kendo.ui:2025.4.1321). The @progress/kendo-ui package internally references @progress/kendo-charts^2.9.0. At the time I installed kendo-ui, the latest available version of @progress/kendo-charts was 2.11.0, which is why npm chose this one.
However, this version leads to a JS error when rendering bar charts similar to this one:
Error: <g> attribute transform: Expected number, "matrix(NaN,NaN,NaN,NaN,…".This is caused by line 374 in @progress/kendo-charts/dist/es/chart/chart.js (version 2.11.0). It has been added in version 2.10.0. If I am using version 2.9.0 instead (which is also served by the CDN for Kendo-UI 2025.4.1321), everything works fine.
Is there an issue in the supported version ranges of the dependencies of @progress/kendo-ui?
Or does @progress/kendo-charts not follow the rules of semantic versioning?
I would like to avoid pinning the versions of all sub-dependencies of Kendo-UI just to avoid running into such conflicts when running "npm update".
Hello Michael,
My name is Nikolay, and I will get hold of this thread while Neli is out of the office.
Thank you for clarifying your findings and providing more details about your setup. Here’s a summary addressing your points and your initial questions:
1. Chart "bootstrap" Theme and Compatibility
"bootstrap" value for the Chart’s theme option is deprecated in recent versions of Kendo UI for jQuery Charts."sass" theme is officially supported for Charts in the latest releases. Setting theme: "bootstrap" with @progress/kendo-charts versions newer than 2.9.0 leads to runtime errors, such as the matrix(NaN,NaN,NaN,NaN,…) error you encountered.theme: "bootstrap" option from your Chart configuration. Use the default "sass" theme, or set it explicitly if you want to be clear in your code.Example:
$("#chart").kendoChart({
theme: "sass",
// ... other chart options
});
^2.9.0. The caret (^) allows any newer minor or patch version within the 2.x range.kendo.all.min.js bundle (from CDN or npm) is built with a specific version of @progress/kendo-charts (2.9.0 in your case).Regards,
Nikolay
Progress Telerik
Love the Telerik and Kendo UI products and believe more people should try them? Invite a fellow developer to become a Progress customer and each of you can get a $50 Amazon gift voucher.
Yes, npm downloaded @progress/kendo-charts:2.11.1. However, in index.html, you load kendo.all.min.js which is precompiled and contains version 2.9.0 of @progress/kendo-charts (the same as the CDN). Your test cannot reproduce the error.
However, after fiddling around for some more hours, I finally noticed that I had the Chart's theme option set to "bootstrap". For versions of @progress/kendo-charts newer than 2.9.0, this causes the mentioned error.
If I understand the docs correctly, this value is deprecated and only the default value, "sass" is valid. In this case, this option should probably be removed to avoid further misunderstandings.
Hi Michael,
The kendo-ui has the following dependency for the charts package:
},
"dependencies": {
"@progress/kendo-charts": "^2.9.0",
.......
}This means the minimum required version is 2.9.0, and npm can install newer compatible 2.x versions. The caret (^) allows updates within the same major version, so 3.0.0 would not be installed, while 2.10.x, 2.11.x, and similar versions are valid.
I tested by installing kendo-ui@2025.4.1321 with npm, and on my side the installed Charts version is 2.11.1 (node_modules/@progress/kendo-charts).
In this setup, a Bar Chart renders correctly without errors. I’ve attached a sample project that you can run with:
npm install npm run serve
Could you please review the sample and let me know whether I’m missing any step? If possible, please share the exact local reproduction steps so we can investigate further and troubleshoot this more effectively.
Looking forward to your reply.
Regards,
Neli
Progress Telerik
Love the Telerik and Kendo UI products and believe more people should try them? Invite a fellow developer to become a Progress customer and each of you can get a $50 Amazon gift voucher.