{"action":"opened","issue":{"url":"https://api.github.com/repos/dc-js/dc.js/issues/1003","labels_url":"https://api.github.com/repos/dc-js/dc.js/issues/1003/labels{/name}","comments_url":"https://api.github.com/repos/dc-js/dc.js/issues/1003/comments","events_url":"https://api.github.com/repos/dc-js/dc.js/issues/1003/events","html_url":"https://github.com/dc-js/dc.js/issues/1003","id":104910314,"number":1003,"title":"Margins for composite chart cause child charts to be shifted","user":{"login":"rand0m86","id":5267663,"avatar_url":"https://avatars.githubusercontent.com/u/5267663?v=3","gravatar_id":"","url":"https://api.github.com/users/rand0m86","html_url":"https://github.com/rand0m86","followers_url":"https://api.github.com/users/rand0m86/followers","following_url":"https://api.github.com/users/rand0m86/following{/other_user}","gists_url":"https://api.github.com/users/rand0m86/gists{/gist_id}","starred_url":"https://api.github.com/users/rand0m86/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/rand0m86/subscriptions","organizations_url":"https://api.github.com/users/rand0m86/orgs","repos_url":"https://api.github.com/users/rand0m86/repos","events_url":"https://api.github.com/users/rand0m86/events{/privacy}","received_events_url":"https://api.github.com/users/rand0m86/received_events","type":"User","site_admin":false},"labels":[],"state":"open","locked":false,"assignee":null,"milestone":null,"comments":0,"created_at":"2015-09-04T15:16:28Z","updated_at":"2015-09-04T15:16:28Z","closed_at":null,"body":"I have simple example of using composite chart with currently latest dc js version (18). Anyway if I try to add any margin to chart definition I get chart lines shifted.\r\n```js\r\nmyChart\r\n\t.width(500)\r\n\t.height(200)\r\n\t.margins({top: 10, right: 50, bottom: 30, left: 40})\r\n\t.dimension(timeDimension)\r\n\t.compose([\r\n\t\tdc.lineChart(myChart)\r\n\t\t\t.group(group1, \"G1\"),\r\n\t\tdc.lineChart(myChart)\r\n\t\t\t.group(group2, \"G2\")\r\n\t\t\t.useRightYAxis(true)\r\n\t\t\t.ordinalColors([\"#ff7f0e\"])\r\n\t])\r\n\t.x(d3.time.scale().domain([minDate, maxDate]))\r\n\t.xUnits(d3.time.weeks)\r\n\t.elasticX(true)\r\n\t.elasticY(true)\r\n\t.rightYAxisLabel(\"Stocks sold\")\r\n\t.legend(dc.legend().x(60).y(10).itemHeight(13).gap(5))\r\n\t.on(\"renderlet\", rotateTimeAxisLabels);\r\n```"}}