CODEWITHSUNDEEP
google-visualization
wishchaser
wishchaser

Reputation: 628

How to set Min and Max date for Google timeline charts?

I would like to set the Min and Max date in Google timeline charts. Google Timeline Charts

I have tried using

 hAxis: {
        viewWindow: {
          min: new Date(2014, 1, 31)
        }}

and

 hAxis: {
        viewWindow: {
          minValue: new Date(2014, 1, 31)
        }}

both does not work. If there is no way to set the date ranges, how to get the Min and Max date values that is set by the api itself?

Upvotes: 15

Views: 10605

Answers (1)

Mike H
Mike H

Reputation: 266

Google Charts version 43 (released October 2, 2015) supports minValue and maxValue for the horizontal axis: 

....

var options = {
  hAxis: {
    minValue: new Date(1785, 0, 0),
    maxValue: new Date(1816, 0, 0)
  }
};

....

You have to load it via the frozen version loader though since apparently it wasn't successfully deployed by the usual process.

It looks like minValue and maxValue works only for putting spacing at the beginning and end of the timeline. So if you specify a minValue that is later than the start date of one of your data points, the timeline still starts at that data point and not at the minValue.

Here is a jsfiddle that shows minValue and maxValue providing spacing at the beginning and end of the first Google Timeline example: https://jsfiddle.net/o27ttyy3

Upvotes: 15

Related Questions