{"action":"opened","issue":{"url":"https://api.github.com/repos/JesperLekland/react-native-svg-charts/issues/108","repository_url":"https://api.github.com/repos/JesperLekland/react-native-svg-charts","labels_url":"https://api.github.com/repos/JesperLekland/react-native-svg-charts/issues/108/labels{/name}","comments_url":"https://api.github.com/repos/JesperLekland/react-native-svg-charts/issues/108/comments","events_url":"https://api.github.com/repos/JesperLekland/react-native-svg-charts/issues/108/events","html_url":"https://github.com/JesperLekland/react-native-svg-charts/issues/108","id":313613155,"number":108,"title":"Graph not shows if set width","user":{"login":"WeiLiangTan","id":8586548,"avatar_url":"https://avatars1.githubusercontent.com/u/8586548?v=4","gravatar_id":"","url":"https://api.github.com/users/WeiLiangTan","html_url":"https://github.com/WeiLiangTan","followers_url":"https://api.github.com/users/WeiLiangTan/followers","following_url":"https://api.github.com/users/WeiLiangTan/following{/other_user}","gists_url":"https://api.github.com/users/WeiLiangTan/gists{/gist_id}","starred_url":"https://api.github.com/users/WeiLiangTan/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/WeiLiangTan/subscriptions","organizations_url":"https://api.github.com/users/WeiLiangTan/orgs","repos_url":"https://api.github.com/users/WeiLiangTan/repos","events_url":"https://api.github.com/users/WeiLiangTan/events{/privacy}","received_events_url":"https://api.github.com/users/WeiLiangTan/received_events","type":"User","site_admin":false},"labels":[],"state":"open","locked":false,"assignee":null,"assignees":[],"milestone":null,"comments":0,"created_at":"2018-04-12T07:48:49Z","updated_at":"2018-04-12T07:48:49Z","closed_at":null,"author_association":"NONE","body":"### What is the problem?\r\nUsing LineChart, setting the style={{ height: 220, width: (data.length - 1) * 100 }} \r\n\r\na blank graph will be shown.\r\n\r\n### When does it happen?\r\nwidth is set, and the data.length is about more than 50\r\n\r\nReact Native version: 0.54\r\n\r\n### Code to reproduce\r\n\r\n```javascript\r\n<LineChart \r\n              style={{ height: 220, width: (data.length - 1) * 100 }} \r\n              data={data} \r\n              yAccessor={ ({item}) => item.value}\r\n              showGrid = {false}\r\n              svg={{ stroke: (this.props.strokeColor || \"black\") , strokeWidth: 2 }} \r\n              contentInset={{ top: 50, bottom: 20, right: 50, left:30 }}  \r\n              renderDecorator={({ x, y, index, value }) => {\r\n                return (\r\n                  <G\r\n                    key={ index }\r\n                  >\r\n                    <G\r\n                      x={ x(index)-30 }\r\n                      y={ y(value.value)-30 }\r\n                    >\r\n                      <Text fill={SRXColor.Gray}>\r\n                        <TSpan fontSize=\"10\">{ value.key }</TSpan>\r\n                        <TSpan fontSize=\"14\" fontWeight=\"600\"  x=\"0\" dy=\"15\">{ StringUtil.formatCurrency(value.value) }</TSpan>\r\n                      </Text>\r\n                    </G>\r\n                    \r\n                    <Circle\r\n                      cx={ x(index) }\r\n                      cy={ y(value.value) }\r\n                      r={ 5 }\r\n                      fill={ (this.props.strokeColor || \"black\") }\r\n                    />\r\n                  </G>\r\n                );\r\n              }}\r\n            />\r\n```\r\n\r\n<!--\r\n### Stacktrace (if crash)\r\n```\r\n\r\n```\r\n-->\r\n"}}
{"actor":{"display_login":"WeiLiangTan"}}