# Chart controls on iPad

**URL:** <https://forum.inductiveautomation.com/t/chart-controls-on-ipad/7274>\
**Category:** Ignition\
**Created:** [September 17, 2013, 11:30pm UTC](https://forum.inductiveautomation.com/t/chart-controls-on-ipad/7274 "2013-09-17T23:30:29Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![kevin.keefe](https://avatars.discourse-cdn.com/v4/letter/k/bcef8e/32.png) [@kevin.keefe](https://forum.inductiveautomation.com/u/kevin.keefe)\
**Post date:** [September 17, 2013, 11:30pm UTC](https://forum.inductiveautomation.com/t/chart-controls-on-ipad/7274/1 "2013-09-17T23:30:29Z")

</div>

I’m looking to add a chart onto a project that is to be accessed using an iPad, but am finding that the standard date range component and the calendar components are too fiddly to use. I guess what I am looking for is a number of push buttons that could provide basic functions to control the start and end dates / times but cannot seem to get a robust system working.

Has anyone out there achieved a more user friendly system for use on a tablet?  
Many Thanks

---

<div class="post-metadata">

**Author:** ![Robert.McKenzie](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/robert.mckenzie/32/4134_2.png) [@Robert.McKenzie](https://forum.inductiveautomation.com/u/Robert.McKenzie)\
**Post date:** [September 24, 2013, 4:35pm UTC](https://forum.inductiveautomation.com/t/chart-controls-on-ipad/7274/2 "2013-09-24T16:35:20Z")

</div>

You can work with the java Calendar object to do this kind of manipulation in a button. Something like the following would move the end time forward an hour.`from java.util import Calendar
end = event.source.parent.getComponent('Easy Chart').endDate # get the end time from the chart
cal = Calendar.getInstance() # creates calendar
cal.setTime(end) # sets calendar time/date
cal.add(Calendar.HOUR_OF_DAY, 1) # adds one hour
event.source.parent.getComponent('Easy Chart').endDate = cal.getTime() # returns new date object, one hour in the future and sets to the chart's endDate
event.source.parent.getComponent('Easy Chart').startDate = end # sets the chart's start time to the original end time`