Set start and end dates for timeline chart

[Phil Grant]

Hi,
I have a couple of timeline charts showing similar data but would like to have a common start and end dates on both charts, I found a snippet on stackOverflow that indicates a min/max date can be applied.
How can I set this up in the SPJS options. I have tried a couple of combinations without success.

var options = {
  hAxis: {
    minValue: new Date(2018, 1, 1),
    maxValue: new Date(2019, 1, 12)
  }
};

• This topic was modified 6 years, 5 months ago by Phil Grant.

[Alexander Bautz]

Hi,
You cannot add a date value like this from within the normal configuration UI, but you can add a script editor web part to the page with this code:

<script type="text/javascript">
var spjs_chart_option_override = {
    hAxis: {
        minValue: new Date(2018, 1, 1),
        maxValue: new Date(2019, 1, 12)
    }
};
</script>

This will add these options to all the charts in the current page.

Hope this helps.

Alexander

[Phil Grant]

Great, thanks I’ll give that a try on Monday.

[Phil Grant]

Thanks Alexander that worked fine

[Author]

Posts