plugin._getState is not a function

[godind]

Hi,

I've been using this wonderfull plugins for close to two years. Thank you for the great work!

I just recently upgraded to Angular 19.2.4, that includes a zone.js v0.15.0 update, and I now get the following when loading my chart.js + plugin component.

If you need more info I'll be glad to assist!

ERROR TypeError: plugin._getState is not a function
    at getElements (/Users/godind/Documents/GitHub/Kip/node_modules/@robloche/chartjs-plugin-streaming/dist/chartjs-plugin-streaming.esm.js:318:26)
    at scroll (/Users/godind/Documents/GitHub/Kip/node_modules/@robloche/chartjs-plugin-streaming/dist/chartjs-plugin-streaming.esm.js:660:23)
    at /Users/godind/Documents/GitHub/Kip/node_modules/@robloche/chartjs-plugin-streaming/dist/chartjs-plugin-streaming.esm.js:732:9
    at callback (/Users/godind/Documents/GitHub/Kip/node_modules/chart.js/dist/chunks/helpers.segment.js:88:15)
    at refresh (/Users/godind/Documents/GitHub/Kip/node_modules/@robloche/chartjs-plugin-streaming/dist/chartjs-plugin-streaming.esm.js:49:30)
    at timer (/Users/godind/Documents/GitHub/Kip/node_modules/zone.js/fesm2015/zone.js:1752:27)
    at _ZoneDelegate.invokeTask (/Users/godind/Documents/GitHub/Kip/node_modules/zone.js/fesm2015/zone.js:364:171)
    at /Users/godind/Documents/GitHub/Kip/node_modules/@angular/core/fesm2022/core.mjs:6086:49
    at AsyncStackTaggingZoneSpec.onInvokeTask (/Users/godind/Documents/GitHub/Kip/node_modules/@angular/core/fesm2022/core.mjs:6086:30)
    at _ZoneDelegate.invokeTask (http://localhost:4200/@mxtommy/kip/polyfills.js:2451:54) {stack: 'TypeError: plugin._getState is not a function…lhost:4200/@mxtommy/kip/polyfills.js:2451:54)', message: 'plugin._getState is not a function'} 

Thank you.

[godind]

I tried to fork but I cannot build without upgrading some modules, which breaks other stuff. I'm too inexperienced to fix it sadly. It appears to come from

chartjs-plugin-streaming/src/scales/scale.realtime.js

Line 244 in 0bf694b

const annotations = getElements(chart);

[godind]

Actually this appears to be a fix you committed #10

Do you intend to build a release. I can't Build it for some reason...

[Robloche]

Sorry, I'm swamped. I'll try to do it whenever I can.

[godind]

Hi

Thank for this great plugin! Sorry to ask but any chance you can rebuild a package based on recent committed PR?

I'd do it my self but can't figure out how to build. If you can share instructions I'll do it! I'm very junior and do this as a hobby.

Thank you!

[godind]

This is what I get on npm install and not too sure how to proceed. Tried a few things with no success. Like I said, I'm very junior.

npm error code ERESOLVE
npm error ERESOLVE could not resolve
npm error
npm error While resolving: rollup-plugin-terser@7.0.2
npm error Found: rollup@3.7.5
npm error node_modules/rollup
npm error   dev rollup@"^3.7.5" from the root project
npm error   peerOptional rollup@"^1.20.0||^2.0.0||^3.0.0" from @rollup/plugin-json@6.0.0
npm error   node_modules/@rollup/plugin-json
npm error     dev @rollup/plugin-json@"^6.0.0" from the root project
npm error   3 more (@rollup/plugin-node-resolve, @rollup/pluginutils, rollup-plugin-cleanup)
npm error
npm error Could not resolve dependency:
npm error peer rollup@"^2.0.0" from rollup-plugin-terser@7.0.2
npm error node_modules/rollup-plugin-terser
npm error   dev rollup-plugin-terser@"^7.0.2" from the root project
npm error
npm error Conflicting peer dependency: rollup@2.79.2
npm error node_modules/rollup
npm error   peer rollup@"^2.0.0" from rollup-plugin-terser@7.0.2
npm error   node_modules/rollup-plugin-terser
npm error     dev rollup-plugin-terser@"^7.0.2" from the root project
npm error
npm error Fix the upstream dependency conflict, or retry
npm error this command with --force or --legacy-peer-deps
npm error to accept an incorrect (and potentially broken) dependency resolution.

[godind]

I think this is related to new TS compiler options and not really a code issue, but for the PR #10 you merged. I've tried a few things, even building and sending a PR but I can't build even after moving everything to new @rollup versions and ES modules. I did try hard!

I've tried to roll back dependency just to see if it was really related to TS/Angular versions. I used minimal version requirement with no luck:

• "chart.js": "4.1.1",
• "chartjs-plugin-annotation": "2.2.1", (tried with 3.0.1 and 3.1.0)
• "@robloche/chartjs-plugin-streaming": "3.1.0",

It apprears to be a new anguler compiler check.

Enum declarations can only merge with namespace or other enum declarations.

✘ [ERROR] TS2567: Enum declarations can only merge with namespace or other enum declarations. [plugin angular-compiler]

    node_modules/@robloche/chartjs-plugin-streaming/types/index.d.ts:40:7:
      40 │   enum UpdateModeEnum {
         ╵        ~~~~~~~~~~~~~~

  'UpdateModeEnum' was also declared here.

    node_modules/chart.js/dist/types/index.d.ts:569:26:
      569 │ export declare const enum UpdateModeEnum {
          ╵                           ~~~~~~~~~~~~~~


✘ [ERROR] TS2567: Enum declarations can only merge with namespace or other enum declarations. [plugin angular-compiler]

    node_modules/chart.js/dist/types/index.d.ts:569:26:
      569 │ export declare const enum UpdateModeEnum {
          ╵                           ~~~~~~~~~~~~~~

  'UpdateModeEnum' was also declared here.

    node_modules/@robloche/chartjs-plugin-streaming/types/index.d.ts:40:7:
      40 │   enum UpdateModeEnum {
         ╵        ~~~~~~~~~~~~~~

Added this tsconfig.json option to skip type checking for declaration files (.d.ts) and avoid the conflict. But then I get

ERROR TypeError: Cannot set properties of null (setting '_setStyle')
    at /Users/godind/Documents/GitHub/Kip/node_modules/@robloche/chartjs-plugin-streaming/dist/chartjs-plugin-streaming.esm.js:905:18
    at each (/Users/godind/Documents/GitHub/Kip/node_modules/chart.js/dist/chunks/helpers.segment.js:101:12)
    at Chart.update (/Users/godind/Documents/GitHub/Kip/node_modules/@robloche/chartjs-plugin-streaming/dist/chartjs-plugin-streaming.esm.js:903:5)
    at /Users/godind/Documents/GitHub/Kip/node_modules/@robloche/chartjs-plugin-streaming/dist/chartjs-plugin-streaming.esm.js:702:13
    at callback (/Users/godind/Documents/GitHub/Kip/node_modules/chart.js/dist/chunks/helpers.segment.js:88:15)
    at /Users/godind/Documents/GitHub/Kip/node_modules/@robloche/chartjs-plugin-streaming/dist/chartjs-plugin-streaming.esm.js:77:27
    at timer (/Users/godind/Documents/GitHub/Kip/node_modules/zone.js/fesm2015/zone.js:1752:27)
    at _ZoneDelegate.invokeTask (/Users/godind/Documents/GitHub/Kip/node_modules/zone.js/fesm2015/zone.js:364:171)
    at /Users/godind/Documents/GitHub/Kip/node_modules/@angular/core/fesm2022/core.mjs:6037:49
    at AsyncStackTaggingZoneSpec.onInvokeTask (http://localhost:4200/@mxtommy/kip/@fs/Users/godind/Documents/GitHub/Kip/.angular/cache/19.2.8/kip/vite/deps/chunk-G2MZPLB2.js?v=d6cc7b99:5365:30) {stack: 'TypeError: Cannot set properties of null (set…te/deps/chunk-G2MZPLB2.js?v=d6cc7b99:5365:30)', message: "Cannot set properties of null (setting '_setStyle')"}

[godind]

Hi. I miss this great plugin that makes charts.js really awesome.

Any chance you can take a look?

Thank you!!!

[Robloche]

Sorry, still underwater.
Would it be possible for you to fix it yourself?

[godind]

I tried for days, trust me. Im not experienced. All I know is Angular.

With my lack of pure JS knowledge I can't figure out how to bundle or fix the problem. I'm sure it's basic but I'm not able to fix it.

[aziham]

@godind Great news! I was also facing the same issues with the plugin, so I forked @Robloche's repository and made several improvements:

https://github.com/aziham/chartjs-plugin-streaming

• Updated to work with Chart.js 4.5.1 (latest version)
• Completely revamped build system - modern dependencies and no more build conflicts
• Added comprehensive demo page - run npm run dev to see live examples
• Published as npm package for easy installation
• You can read more about the new changes in the README and also check the new fork source code

[godind]

@godind Great news! I was also facing the same issues with the plugin, so I forked @Robloche's repository and made several improvements

Fantastic! I'll give it a try.

[aziham]

Fantastic! I'll give it a try.

Hey! I just released v3.4.0 with proper TypeScript improvements - added comprehensive type annotations, and some other tweaks that you can check on the commits history. This should be much more solid than the initial TS conversion in v3.2.1.

Enjoy!