{"action":"opened","issue":{"url":"https://api.github.com/repos/highcharts/highcharts/issues/5554","repository_url":"https://api.github.com/repos/highcharts/highcharts","labels_url":"https://api.github.com/repos/highcharts/highcharts/issues/5554/labels{/name}","comments_url":"https://api.github.com/repos/highcharts/highcharts/issues/5554/comments","events_url":"https://api.github.com/repos/highcharts/highcharts/issues/5554/events","html_url":"https://github.com/highcharts/highcharts/issues/5554","id":168702631,"number":5554,"title":"Incorrect bar chart row heights on initial display","user":{"login":"max0x7ba","id":765202,"avatar_url":"https://avatars.githubusercontent.com/u/765202?v=3","gravatar_id":"","url":"https://api.github.com/users/max0x7ba","html_url":"https://github.com/max0x7ba","followers_url":"https://api.github.com/users/max0x7ba/followers","following_url":"https://api.github.com/users/max0x7ba/following{/other_user}","gists_url":"https://api.github.com/users/max0x7ba/gists{/gist_id}","starred_url":"https://api.github.com/users/max0x7ba/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/max0x7ba/subscriptions","organizations_url":"https://api.github.com/users/max0x7ba/orgs","repos_url":"https://api.github.com/users/max0x7ba/repos","events_url":"https://api.github.com/users/max0x7ba/events{/privacy}","received_events_url":"https://api.github.com/users/max0x7ba/received_events","type":"User","site_admin":false},"labels":[],"state":"open","locked":false,"assignee":null,"assignees":[],"milestone":null,"comments":0,"created_at":"2016-08-01T17:49:23Z","updated_at":"2016-08-01T17:49:23Z","closed_at":null,"body":"I have a bar chart with categories on X axis.\r\nThere are three data series, two of them are stacked.\r\nI would like to have each bar row to be of exactly the same height.\r\nWhat happens is that when the chart is first displayed the heights of the first and the last bar rows are incorrect, see the picture.\r\nAfter I click any of the legend labels to hide/show series the heights of the row become correct.\r\nWhy does it not display bar rows of correct height when first displayed please?\r\n\r\n#### Expected behaviour\r\nEach bar row to be of exactly the same height.\r\n\r\n#### Actual behaviour\r\nWhen the chart is first displayed the heights of the first and the last bar rows are incorrect, see the picture:\r\n\r\n![wrong-xticks](https://cloud.githubusercontent.com/assets/765202/17303331/256dfd94-5818-11e6-8455-a6b67624b12d.png)\r\n\r\n#### Live demo with steps to reproduce\r\nHere is the chart options I use:\r\n```javascript\r\n    {\r\n        chart: {\r\n            plotBackgroundColor: '#202020',\r\n            type: 'bar',\r\n            height: rowGroup.length * 14,\r\n            spacingBottom: 0,\r\n            spacingTop: 0,\r\n            spacingLeft: 0,\r\n            spacingRight: 0\r\n        },\r\n        plotOptions: {\r\n            bar: {\r\n                borderWidth: 0\r\n            }\r\n        },\r\n        title: {\r\n            text: null\r\n        },\r\n        subtitle: {\r\n            text: null\r\n        },\r\n        xAxis: {\r\n            gridLineWidth: 0,\r\n            alternateGridColor: 'black',\r\n            tickPositions: series.labels.map((value, valueIdx) => valueIdx),\r\n            tickPosition: 'inside',\r\n            startOnTick: true,\r\n            endOnTick: true,\r\n            categories: series.labels,\r\n            labels: {\r\n                enabled: false\r\n            },\r\n            title: {\r\n                text: null\r\n            }\r\n        },\r\n        yAxis: {\r\n            gridLineWidth: 0,\r\n            labels: {\r\n                enabled: false\r\n            },\r\n            title: {\r\n                text: null\r\n            }\r\n        },\r\n        series: [\r\n            {\r\n                name: 'Position',\r\n                color: 'Gold',\r\n                id: 'positions',\r\n                data: series.positions\r\n            },\r\n            {\r\n                stack: 'open',\r\n                stacking: 'normal',\r\n                name: 'Open Buy',\r\n                color: 'rgba(255,160,122,.5)',\r\n                id: 'openBuys',\r\n                data: series.openBuys\r\n            },\r\n            {\r\n                stack: 'open',\r\n                stacking: 'normal',\r\n                name: 'Open Sell',\r\n                color: 'rgba(173,216,230,.5)',\r\n                id: 'openSells',\r\n                data: series.openSells\r\n            }\r\n        ],\r\n        tooltip: {\r\n            shared: true\r\n        },\r\n        legend: {\r\n            floating: true,\r\n            verticalAlign: 'top',\r\n            align: 'right',\r\n            itemStyle: {\r\n                color: 'gray'\r\n            }\r\n        }\r\n    }\r\n```\r\n\r\n#### Affected browser(s)\r\nGoogle Chrome for Linux, Chrome/52.0.2743.82."}}
{"actor":{"display_login":"max0x7ba"}}