{"action":"opened","issue":{"url":"https://api.github.com/repos/react-d3/react-d3-shape/issues/10","repository_url":"https://api.github.com/repos/react-d3/react-d3-shape","labels_url":"https://api.github.com/repos/react-d3/react-d3-shape/issues/10/labels{/name}","comments_url":"https://api.github.com/repos/react-d3/react-d3-shape/issues/10/comments","events_url":"https://api.github.com/repos/react-d3/react-d3-shape/issues/10/events","html_url":"https://github.com/react-d3/react-d3-shape/issues/10","id":148732178,"number":10,"title":"Uncaught TypeError: yScaleSet.bandwidth is not a function","user":{"login":"stevesuh","id":5025518,"avatar_url":"https://avatars.githubusercontent.com/u/5025518?v=3","gravatar_id":"","url":"https://api.github.com/users/stevesuh","html_url":"https://github.com/stevesuh","followers_url":"https://api.github.com/users/stevesuh/followers","following_url":"https://api.github.com/users/stevesuh/following{/other_user}","gists_url":"https://api.github.com/users/stevesuh/gists{/gist_id}","starred_url":"https://api.github.com/users/stevesuh/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/stevesuh/subscriptions","organizations_url":"https://api.github.com/users/stevesuh/orgs","repos_url":"https://api.github.com/users/stevesuh/repos","events_url":"https://api.github.com/users/stevesuh/events{/privacy}","received_events_url":"https://api.github.com/users/stevesuh/received_events","type":"User","site_admin":false},"labels":[],"state":"open","locked":false,"assignee":null,"milestone":null,"comments":0,"created_at":"2016-04-15T18:26:10Z","updated_at":"2016-04-15T18:26:10Z","closed_at":null,"body":"I've got a horizontal bar group chart but I'm getting this error.  I want date on the y axis and with x I just have some integers.  Here I went ahead and set the yDomain.\r\n\r\n`import React, { PropTypes } from 'react';\r\nimport {BarGroupHorizontalChart} from 'react-d3-basic';\r\n\r\nexport default class AccountChart extends React.Component {\r\n    static propTypes = {\r\n        data: PropTypes.array.isRequired,           // this is passed from the Rails controller\r\n    };\r\n\r\n    constructor(props, context) {\r\n        super(props, context);\r\n    }\r\n\r\n    render() {\r\n        let barchartData = [];\r\n        this.props.data.forEach((item) => {\r\n            if (item.date != \"Total\") {\r\n                barchartData.push({\"date\": item.date, \"deliverable\": item.deliverable, \"successful\": item.successful});\r\n            }\r\n        });\r\n        var parseDate = d3.time.format(\"%Y-%m-%d\").parse;\r\n        let width = 1400, height = 800, margins = {left: 100, right: 100, top: 50, bottom: 50},\r\n            title = \"Deliveries by Date\",\r\n            chartSeries = [\r\n                {\r\n                    field: 'deliverable',\r\n                    name: 'Deliverable Numbers',\r\n                    color: 'blue'\r\n                },\r\n                {\r\n                    field: 'successful',\r\n                    name: 'Successful Numbers',\r\n                    color: 'green'\r\n                }\r\n            ],\r\n            y = function(d) { return parseDate(d.date); },\r\n            yScale = 'time',\r\n            yDomain = [parseDate(this.props.data[0].date), parseDate(this.props.data[this.props.data.length - 2].date)];\r\n\r\n        return (\r\n            <BarGroupHorizontalChart data={barchartData} width={width} height={height} title={title} margins={margins}\r\n                                     yScale={yScale} yDomain={yDomain} chartSeries={chartSeries} y={y} />\r\n        );\r\n    }\r\n}`\r\n\r\nI tried it also with a BarGroupChart and flipped the axes but then I get xScaleSet.bandwidth is not a function.  For this one I didn't set the xDomain.\r\n\r\n`import React, { PropTypes } from 'react';\r\nimport {BarGroupChart} from 'react-d3-basic';\r\n\r\nexport default class AccountChart extends React.Component {\r\n    static propTypes = {\r\n        data: PropTypes.array.isRequired,           // this is passed from the Rails controller\r\n    };\r\n\r\n    constructor(props, context) {\r\n        super(props, context);\r\n    }\r\n\r\n    render() {\r\n        let barchartData = [];\r\n        this.props.data.forEach((item) => {\r\n            if (item.date != \"Total\") {\r\n                barchartData.push({\"date\": item.date, \"deliverable\": item.deliverable, \"successful\": item.successful});\r\n            }\r\n        });\r\n        var parseDate = d3.time.format(\"%Y-%m-%d\").parse;\r\n        let width = 1400, height = 800, margins = {left: 100, right: 100, top: 50, bottom: 50},\r\n            title = \"Deliveries by Date\",\r\n            chartSeries = [\r\n                {\r\n                    field: 'deliverable',\r\n                    name: 'Deliverable Numbers',\r\n                    color: 'blue'\r\n                },\r\n                {\r\n                    field: 'successful',\r\n                    name: 'Successful Numbers',\r\n                    color: 'green'\r\n                }\r\n            ],\r\n            x = function(d) { return parseDate(d.date); },\r\n            xScale = 'time';\r\n\r\n        return (\r\n            <BarGroupChart data={barchartData} width={width} height={height} title={title} margins={margins}\r\n                                     xScale={xScale} chartSeries={chartSeries} x={x} />\r\n        );\r\n    }\r\n}` \r\n\r\nI looked at the previous revision and tried manually monkey patched the previous function call of yScaleSet.rangeBand() but that throws a yScalSet.rangeBand() is not a function.   Any ideas?"}}