highchartsvaadintimelinevaadin-charts

Vaadin Charts (Highcharts) - Range Selector - Monthly Data

I provide monthly data to Vaadin Charts (example):
{[01.08.2015;1], [01.09.2015;2], [01.10.2015;3], [01.11.2015;4], [01.12.2015;5], [01.01.2016;6]}

Now I activate the timeline and want to use the range selector. Unfortunately the default "3m" for showing 3 months does not work. But as you see I clearly have data for 3 months.

Is there something I miss?

Here is an exemplary JsFiddle that used the data that is transferred from Vaadin to Highcharts and shows the described behaviour: Fiddle

Solution

  • The range selector buttons are enabled depending on the x-Axis range. The buttons smaller than the x-Axis minimum range are disabled.

    By default the minimum range of the x-Axis is five times the smallest interval between any of the data points.

    Changing the x-Axis minimum range to 1 month (in milliseconds, so 28 days approximated) did the trick.

    Source: Vaadin Forums