Anyone had any success with using chart.js date ad...

# kvision

[Christer Palm]

Anyone had any success with using chart.js date adapters with KVision?
I naively tried to add an (NPM) dependency to an adapter in the build, but no cigar 😞

[Robert Jaros]

I've just tried that with KVision 9.0.0 and it seems to work.
Dependencies

implementation(npm("luxon", "*"))
        implementation(npm("chartjs-adapter-luxon", "*"))

Import modules:

@JsModule("luxon")
external object LuxonModule

@JsModule("chartjs-adapter-luxon")
external object LuxonAdapterModule

Initialize:

useModule(LuxonModule)
        useModule(LuxonAdapterModule)

[Robert Jaros]

I'm not sure how to use time axis, but the project builds and works without errors.

[Christer Palm]

I'll try to add the import and intialization steps, I had no idea what's expected so I tried with just the dependencies.
However, the error doesn't appear until runtime:
"This method is not implemented: Check that a complete date adapter is provided."

Basically, I just add:

scales = mapOf("x" to ChartScales(type = ScalesType.TIME))

to my ChartOptions.

[Christer Palm]

(and make sure that my X axis data are strings or something that isn't unix timestamps)

[Robert Jaros]

Yes. I had this runtime error. Adding and initializing imports fixed it.

[Christer Palm]

OK sounds very promising 🙂
I'm trying it just now...

[Christer Palm]

Probably a really stupid question, but what would be the context of the @JsModule() / useModule() stuff?
I'm not at all familiar with those.
Is that Kotlin API?

[Robert Jaros]

@JsModule is kotlin.js.JsModule - Kotln JS API

[Robert Jaros]

useModule() is KVision helper function, that doesn't do anything but forces some externals not to be removed by DCE

[Christer Palm]

I see. I think I was on the right track, but I get "Unresolved reference 'useModule'" and can't seem to find out where it's defined.

[Robert Jaros]

io.kvision.utils.useModule

[Christer Palm]

👍

[Robert Jaros]

But you need to work with KVision 9

[Christer Palm]

Aha, that'd be the culprit then, I guess. I'm still on 8 😕

[Robert Jaros]

You would have to use different code with KV 8. Probably require() function instead. But the whole modules architecture is now different because KV 9 uses ES modules.

[Robert Jaros]

It may not work at all with eariler version.

[Christer Palm]

I see. I'll experiment some more - maybe the better route would be to feed it with timestamps in the first place and avoid the need for the adapter.

[Christer Palm]

FYI, I got it working with the Spacetime adapter and KVision 8.1 by simply adding:

require("spacetime" )
require("chartjs-adapter-spacetime")

🙂

All the other adapters failed at runtime in one way or another.