strange timeline scale / zoom level

Support for v6.x of our Scheduling components
Post Reply
User avatar
Omega Code
Posts: 7
Joined: Wed Aug 14, 2019 11:27 am

strange timeline scale / zoom level

Post by Omega Code » Tue Dec 03, 2019 6:07 pm

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 from 2019-12-03 16-53-07.png
screenshot
Screenshot from 2019-12-03 16-53-07.png (293.26 KiB) Viewed 22 times
see test case for working illustration:
testcase-60909.zip
working test case
(1.33 MiB) Downloaded 1 time
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: 14874
Joined: Sat Dec 19, 2009 11:41 pm
Location: Sweden
Contact:

Re: strange timeline scale / zoom level

Post by mats » Tue Dec 03, 2019 9:34 pm

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

Post Reply