Need More Info
Last Updated: 03 Mar 2026 07:23 by ADMIN
Michael D
Created on: 16 Feb 2026 11:58
Category: Chart
Type: Bug Report
0
Chart - JS error when using @kendo-charts > 2.9.0

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".

3 comments
ADMIN
Nikolay
Posted on: 03 Mar 2026 07:23

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

  • You are correct: the "bootstrap" value for the Chart’s theme option is deprecated in recent versions of Kendo UI for jQuery Charts.
  • Only the "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.
  • To avoid this, remove the 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. Dependency Version Ranges and Semantic Versioning

    • The @progress/kendo-ui package specifies a dependency on @progress/kendo-charts as ^2.9.0. The caret (^) allows any newer minor or patch version within the 2.x range.
    • However, the precompiled 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).
    • If you use a newer @progress/kendo-charts version alongside the precompiled bundle, mismatches can occur, especially if there are breaking changes or deprecated features (like the Chart "bootstrap" theme).
    • This situation is not a semantic versioning violation, but a limitation of using precompiled bundles together with newer package versions.

      3. Documentation Feedback

      • Your point about the documentation not being clear on the Chart "bootstrap" theme deprecation is valid. I will forward this internally for documentation improvement.

        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.

        Michael D
        Posted on: 24 Feb 2026 13:46

        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.

        ADMIN
        Neli
        Posted on: 23 Feb 2026 11:28

        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.

        Attached Files: