strange timeline scale / zoom level

Support for v6.x of our Scheduling components


Post Reply
User avatar
Omega Code
Posts: 20
Joined: Wed Aug 14, 2019 11:27 am

strange timeline scale / zoom level

Post by Omega Code »

after zooming in couple of times we got some strange timeline scale / zoom level showing "monday {date}" on top bar and day of week letter below it.

it looks like this:
screenshot
screenshot
Screenshot from 2019-12-03 16-53-07.png (293.26 KiB) Viewed 214 times
see test case for working illustration:
testcase-60909.zip
working test case
(1.33 MiB) Downloaded 15 times
to reproduce:
1. click load button to get data
2. click 7 times zoom in to see this weird scale (as on screenshot) - one we don't want to see.
3. click once zoom out and zoom in again to see different scale (that's another clue that something is wrong)

our zoom levels definitions looks like this:

Code: Select all

zoomLevels: [
        //YEAR
        { width: 40,    increment: 1,   resolution: 1, preset: 'manyYears', resolutionUnit: 'YEAR' },
        { width: 80,    increment: 1,   resolution: 1, preset: 'manyYears', resolutionUnit: 'YEAR' },

        { width: 30,    increment: 1,   resolution: 1, preset: 'year', resolutionUnit: 'MONTH' },
        { width: 50,    increment: 1,   resolution: 1, preset: 'year', resolutionUnit: 'MONTH'},
        { width: 100,   increment: 1,   resolution: 1, preset: 'year', resolutionUnit: 'MONTH'},
        { width: 200,   increment: 1,   resolution: 1, preset: 'year', resolutionUnit: 'MONTH'},

        //MONTH
        { width: 100,   increment: 1,   resolution: 7, preset: 'monthAndYear', resolutionUnit: 'DAY'},
        { width: 30,    increment: 1,   resolution: 1, preset: 'weekDateAndMonth', resolutionUnit: 'DAY'},

        //WEEK
        { width: 35,    increment: 1,   resolution: 1, preset: 'weekAndMonth', resolutionUnit: 'DAY'},
        { width: 50,    increment: 1,   resolution: 1, preset: 'weekAndMonth', resolutionUnit: 'DAY'},

        { width: 20,    increment: 8,   resolution: 1, preset: 'weekAndDayLetter' , resolutionUnit: 'HOUR'},
        { width: 40,    increment: 4,   resolution: 1, preset: 'weekAndDayLetter' , resolutionUnit: 'HOUR'},
        { width: 80,    increment: 2,   resolution: 1, preset: 'weekAndDayLetter' , resolutionUnit: 'HOUR'},
        { width: 100,    increment: 1,   resolution: 1, preset: 'weekAndDayLetter' , resolutionUnit: 'HOUR'},
        { width: 40,    increment: 1,   resolution: 1, preset: 'hourAndDay' , resolutionUnit: 'HOUR'},
 ],
what should we change here to get more normal/expected scales? (we just want to have zoom steps from years to hours)

User avatar
mats
Core Developer
Core Developer
Posts: 16149
Joined: Sat Dec 19, 2009 11:41 pm
Location: Sweden
Contact:

Re: strange timeline scale / zoom level

Post by mats »

It's not a normal view configuration:
{ width: 20, increment: 8, resolution: 1, preset: 'weekAndDayLetter' , resolutionUnit: 'HOUR'},
You're stating you want 8 days in the bottom row, and weeks on top. Just remove your conflicting zoom levels and it'll be back to working normally.
Tired of debugging javascript errors in web applications? Try our new error logging service RootCause, or read more on the Sencha blog

@bryntum
Facebook
API documentation

User avatar
Omega Code
Posts: 20
Joined: Wed Aug 14, 2019 11:27 am

Re: strange timeline scale / zoom level

Post by Omega Code »

thanks,
we thought increment is related to resolutionUnit so we expected it to be 8 hours not 8 days as U say now.

thanks again

Post Reply