strange timeline scale / zoom level
- Omega Code
- Posts: 7
- Joined: Wed Aug 14, 2019 11:27 am
strange timeline scale / zoom level
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: see test case for working illustration: 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:
what should we change here to get more normal/expected scales? (we just want to have zoom steps from years to hours)
it looks like this: see test case for working illustration: 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'},
],
Re: strange timeline scale / zoom level
It's not a normal view configuration:
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.{ width: 20, increment: 8, resolution: 1, preset: 'weekAndDayLetter' , resolutionUnit: 'HOUR'},
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
@bryntum
API documentation