Time charts

[ProsWeb]

Checklist

• I made sure that there are no existing issues - open or closed - which I could contribute my information to.
• I have taken the time to fill in all the required details. I understand that the question will be dismissed otherwise.

What is/are your question(s)?

Hi!
Does this add-on implement time charts?
How can I rewrite my code from https://vaadin.com/directory/component/chartjs-add-on-for-vaadin-14 to this one?
My code:

.addDataset(new TimeLineDataset()
...
.add(Axis.X, new TimeScale()
                    .time()
                      .isoWeekday(true)
                      .unit("day")
                      .displayFormats()
                        .hour("HH")
                        .minute("HH:mm")
                        .and()
                      .stepSize(1)
                      .and())
              .add(Axis.Y, new LinearScale()
...

But this add-on doesn't have TimeLineDatasets, only LineDataset. So I tried to achieve my goal like this:

LineData lineData = new LineData();
        lineData
                .addDataset(new LineDataset().setLabel("label1"))
                .addDataset(new LineDataset().setLabel("label2"));
        LineOptions lineOptions = new LineOptions();
        lineOptions
                .setResponsive(true)
                .setHover(new CoreInteractionOptions()
                        .setIntersect(true))
                .setScales(new Scales()
                        .addScale(Scales.ScaleAxis.X, new TimeScaleOptions()
                                .setAdapters(new TimeScaleOptions.Adapters().setDate("yyyy-MM-dd HH:mm:ss"))
                                .setTime(new TimeScaleOptions
                                        .TimeOptions()
                                            .setIsoWeekday(true)
                                            .setUnit("day"))
                                            .setDisplayFormats(new TimeScaleOptions.DisplayFormats()
                                                    .setHour("HH")
                                                    .setMinute("HH:mm")))
                       .addScale(Scales.ScaleAxis.Y, new LinearScaleOptions()

But that doesn't work. I got error in my browser:
Uncaught Error: This method is not implemented: Check that a complete date adapter is provided.

Related to this question: https://vaadin.com/forum/t/discussion-and-feedback-for-chart-js-wrapper-for-vaadin/178146/4

Additional information

No response

[AB-xdev]

How can I rewrite my code from [https://vaadin.com/directory/component/chartjs-add-on-for-vaadin-14] to this one?

So I had a look at the "chartjs-add-on-for-vaadin-14" and it looks like it's using Chart.js version 2.

Our addon is however based on the latest Chart.js version, which is 4.

So you have to do all migrations from 2 to 4. Migration guides exist on the Chart.js website.

doesn't have TimeLineDatasets

That's not an issue with the wrapper, that would be an issue with our chartjs-java-model (if you use that) instead.

To quote from this repo:

We try our best to implement the ChartJS v4 API however there are a lot of configuration options.
Therefore some parts might still be missing or use the outdated v2 API from the original repo.
If you think you found a missing or incorrect API please open an issue and/or provide a pull request.

So feel free to report this in an issue if the API doesn't match :)

Uncaught Error: This method is not implemented: Check that a complete date adapter is provided.

You likely have to provide a date adapter

For example: https://github.com/chartjs/chartjs-adapter-luxon says that you need the following npm packages:

• luxon
• chartjs-adapter-luxon

You can add these to your app using: @NpmPackage

Related to this question: [https://vaadin.com/forum/t/discussion-and-feedback-for-chart-js-wrapper-for-vaadin/178146/4]

Please note that we do not answer discussions on Vaadin Forums anymore.

Shouldn’t such a library be part of the Vaadin Chart.js wrapper package, like the Chart.js library itself?

No, because not everybody uses time scale charts and needs the same library ;)

[AB-xdev]

So there was an new issue posted in xdev-software/chartjs-java-model#438 which is basically the same as this one but with a key aspect:

How to implement a date adapter with the wrapper?

I did some evaluation and will provide a small demo shortly.

[AB-xdev]

Example is now available at: https://github.com/xdev-software/vaadin-chartjs-wrapper/blob/develop/vaadin-chartjs-wrapper-demo/src/main/java/software/xdev/vaadin/chartjs/demo/DateAdapterDemo.java

I hope this helps

[AB-xdev]

Closing due to lack of feedback