{"action":"created","issue":{"url":"https://api.github.com/repos/almende/vis/issues/1076","labels_url":"https://api.github.com/repos/almende/vis/issues/1076/labels{/name}","comments_url":"https://api.github.com/repos/almende/vis/issues/1076/comments","events_url":"https://api.github.com/repos/almende/vis/issues/1076/events","html_url":"https://github.com/almende/vis/issues/1076","id":93770909,"number":1076,"title":"Timeline: Overlapping minor labels","user":{"login":"aytech","id":3247202,"avatar_url":"https://avatars.githubusercontent.com/u/3247202?v=3","gravatar_id":"","url":"https://api.github.com/users/aytech","html_url":"https://github.com/aytech","followers_url":"https://api.github.com/users/aytech/followers","following_url":"https://api.github.com/users/aytech/following{/other_user}","gists_url":"https://api.github.com/users/aytech/gists{/gist_id}","starred_url":"https://api.github.com/users/aytech/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/aytech/subscriptions","organizations_url":"https://api.github.com/users/aytech/orgs","repos_url":"https://api.github.com/users/aytech/repos","events_url":"https://api.github.com/users/aytech/events{/privacy}","received_events_url":"https://api.github.com/users/aytech/received_events","type":"User","site_admin":false},"labels":[{"url":"https://api.github.com/repos/almende/vis/labels/Timeline","name":"Timeline","color":"0052cc"}],"state":"open","locked":false,"assignee":null,"milestone":null,"comments":22,"created_at":"2015-07-08T11:57:05Z","updated_at":"2015-07-14T10:56:44Z","closed_at":null,"body":"I've encountered an issue where minor labels overlap. Looking at the source I see that width and position of vis-grid vis-vertical (under vis-time-axis vis-background) is not calculated correctly.\r\nThe issue happens only on the months boundaries, resp. between the last day of a month and the first day of the next month. The other boxes look OK and do not overlap.\r\nI've simulated this on \"basic usage\" demo with added configuration options:\r\n\r\n```js\r\nvar options = {\r\n    showMajorLabels: false,\r\n    showMinorLabels: true,\r\n    format: {\r\n      minorLabels: {\r\n        millisecond:'SSS',\r\n        second:     'sss',\r\n        minute:     'h:mm A',\r\n        hour:       'h:mm A',\r\n        weekday:    'ddd D',\r\n        day:        'MMM DD',\r\n        month:      'MMM/YYYY',\r\n        year:       'YYYY'\r\n      }\r\n    }\r\n  };\r\n```\r\nThen zoom out till only the months are visible and check any boundary between months. Image attached:\r\n![timeline](https://cloud.githubusercontent.com/assets/3247202/8569648/e7cef938-2579-11e5-8090-ba30d8c41c14.PNG)"},"comment":{"url":"https://api.github.com/repos/almende/vis/issues/comments/121200938","html_url":"https://github.com/almende/vis/issues/1076#issuecomment-121200938","issue_url":"https://api.github.com/repos/almende/vis/issues/1076","id":121200938,"user":{"login":"aytech","id":3247202,"avatar_url":"https://avatars.githubusercontent.com/u/3247202?v=3","gravatar_id":"","url":"https://api.github.com/users/aytech","html_url":"https://github.com/aytech","followers_url":"https://api.github.com/users/aytech/followers","following_url":"https://api.github.com/users/aytech/following{/other_user}","gists_url":"https://api.github.com/users/aytech/gists{/gist_id}","starred_url":"https://api.github.com/users/aytech/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/aytech/subscriptions","organizations_url":"https://api.github.com/users/aytech/orgs","repos_url":"https://api.github.com/users/aytech/repos","events_url":"https://api.github.com/users/aytech/events{/privacy}","received_events_url":"https://api.github.com/users/aytech/received_events","type":"User","site_admin":false},"created_at":"2015-07-14T10:56:44Z","updated_at":"2015-07-14T10:56:44Z","body":"@josdejong: the second option definitely looks better, in the first one the gap looks disproportional compared to the the labels on the right and on the left (jul 21 and aug 11), on the second screenshot it looks perfect :)"}}