{"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":19,"created_at":"2015-07-08T11:57:05Z","updated_at":"2015-07-14T08:37:20Z","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/121166909","html_url":"https://github.com/almende/vis/issues/1076#issuecomment-121166909","issue_url":"https://api.github.com/repos/almende/vis/issues/1076","id":121166909,"user":{"login":"AlexDM0","id":5363277,"avatar_url":"https://avatars.githubusercontent.com/u/5363277?v=3","gravatar_id":"","url":"https://api.github.com/users/AlexDM0","html_url":"https://github.com/AlexDM0","followers_url":"https://api.github.com/users/AlexDM0/followers","following_url":"https://api.github.com/users/AlexDM0/following{/other_user}","gists_url":"https://api.github.com/users/AlexDM0/gists{/gist_id}","starred_url":"https://api.github.com/users/AlexDM0/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/AlexDM0/subscriptions","organizations_url":"https://api.github.com/users/AlexDM0/orgs","repos_url":"https://api.github.com/users/AlexDM0/repos","events_url":"https://api.github.com/users/AlexDM0/events{/privacy}","received_events_url":"https://api.github.com/users/AlexDM0/received_events","type":"User","site_admin":false},"created_at":"2015-07-14T08:37:20Z","updated_at":"2015-07-14T08:37:20Z","body":"The background div isn't reliable anymore if you only want to colour weekends though..\n\n\n\n> On 14 jul. 2015, at 10:29, Jos de Jong <notifications@github.com> wrote:\n> \n> I've done a few experiments:\n> \n> Hiding just the text label but still displaying the grid line:\n> \n> \n> Hiding both text label and grid line:\n> \n> \n> \n> I think the last option looks most clean.\n> \n> —\n> Reply to this email directly or view it on GitHub.\n> \n"}}