# Date selection using spinner and dropdown

**URL:** <https://forum.inductiveautomation.com/t/date-selection-using-spinner-and-dropdown/76387>\
**Category:** Ignition\
**Created:** [July 14, 2023, 2:43pm UTC](https://forum.inductiveautomation.com/t/date-selection-using-spinner-and-dropdown/76387 "2023-07-14T14:43:34Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![Yurie\_Han](https://avatars.discourse-cdn.com/v4/letter/y/8c91f0/32.png) [@Yurie\_Han](https://forum.inductiveautomation.com/u/Yurie_Han)\
**Post date:** [July 14, 2023, 2:43pm UTC](https://forum.inductiveautomation.com/t/date-selection-using-spinner-and-dropdown/76387/1 "2023-07-14T14:43:34Z")

</div>

Hello, I'm new to Induction and programming!

I have a window of several realtime EasyCharts that will all show different tag histories but all within the same time span. At the top of the window, I allow the user to "display tag histories from the last [some months/years." I utilized a spinner for the user to select an integer, and a dropdown list to select either months or years. I'm unsure of how to create a property of this timeframe selection with the two componentss, and I'm also unsure on how to bind the starting date of all of the EasyCharts to this selected timeframe. If I could get some tips and pointers that would be great!

---

<div class="post-metadata">

**Author:** ![Transistor](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/transistor/32/3380_2.png) [@Transistor](https://forum.inductiveautomation.com/u/Transistor)\
**Post date:** [July 14, 2023, 5:07pm UTC](https://forum.inductiveautomation.com/t/date-selection-using-spinner-and-dropdown/76387/2 "2023-07-14T17:07:07Z")

</div>

I'm not answering your question but just making you aware (in case you're not) that EasyChart supports multiple sub-plots within the one chart. That means that they all share a common X-axis, all the Y-axes line up1 and any time selection or zooming (I can't remember if that's an option) apply to the complete chart.

1 A problem with independent charts is that the Y-axis horizontal position varies with the width of the Y-axis tick labels. Thus it is impossible to reliably get the plots to line up.

---

<div class="post-metadata">

**Author:** ![justinedwards.jle](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/justinedwards.jle/32/37854_2.png) [@justinedwards.jle](https://forum.inductiveautomation.com/u/justinedwards.jle)\
**Post date:** [July 22, 2023, 9:44am UTC](https://forum.inductiveautomation.com/t/date-selection-using-spinner-and-dropdown/76387/3 "2023-07-22T09:44:35Z")

</div>

I answered this question here:

> [@EasyChart timespan](https://forum.inductiveautomation.com/t/easychart-timespan/76679/12):
>
> If the OP really wants this feature, the simplest solution I can come up with is an overlay. Simply put a container over the easy chart's spinner and dropdown, and then, put a replacement spinner and dropdown in the container: [image] The overlaid dropdown can have Months and Years as the selection options. To make the overlaid spinner and dropdown work, add the following custom method to the easy chart: #def setRealTimeRange(self): self.unit = 86400 #This sets the realTime unit to days #=…
