Contact us
Get started
Loading...
Important Notice - Forums is archived

To simplify things and help our users to be more productive, we have archived the current forum and focus our efforts on helping developers on Stack Overflow. You can post new questions on Stack Overflow or join our Discord channel.

Product icon
TUTORIAL

Vaadin lets you build secure, UX-first PWAs entirely in Java.
Free ebook & tutorial.

Calling javascript synchronously by Enver Haase, 3 weeks ago
Recent Posts
Vaadin Forum1. Vaadin Flow - Java

Issue adapting Charts Column Range Resource Usage example

Harm Leijendeckers
7 years ago Jan 28, 2016 10:26am

I want to create a chart that displays the events coming in during a specific time frame. A bit like this: https://qzprod.files.wordpress.com/2014/09/tim-cook-keynote-chart-watch.png?w=640.

The online charts demo has an example that looks to fit my requirements: http://demo.vaadin.com/charts/#ColumnRangeResourceUsage. I my case there will be many more teams than the two in this example. My problem is that when I add more teams, the bars are displayed on the wrong Y axis. To illustrate my problem I have changed the chart example and added one more team. The new team, Gamma, is displayed correctly but somehow the Coffee Machine bar for Team Beta is moved to the Printer row.

Does anybody know what I am doing wrong? Attached are the example code and an image of the incorrect chart.