{"action":"created","issue":{"url":"https://api.github.com/repos/wuxudong/react-native-charts-wrapper/issues/224","repository_url":"https://api.github.com/repos/wuxudong/react-native-charts-wrapper","labels_url":"https://api.github.com/repos/wuxudong/react-native-charts-wrapper/issues/224/labels{/name}","comments_url":"https://api.github.com/repos/wuxudong/react-native-charts-wrapper/issues/224/comments","events_url":"https://api.github.com/repos/wuxudong/react-native-charts-wrapper/issues/224/events","html_url":"https://github.com/wuxudong/react-native-charts-wrapper/issues/224","id":301092718,"number":224,"title":"Axis Dependecy does not work on ios","user":{"login":"sourceship13","id":30902630,"avatar_url":"https://avatars3.githubusercontent.com/u/30902630?v=4","gravatar_id":"","url":"https://api.github.com/users/sourceship13","html_url":"https://github.com/sourceship13","followers_url":"https://api.github.com/users/sourceship13/followers","following_url":"https://api.github.com/users/sourceship13/following{/other_user}","gists_url":"https://api.github.com/users/sourceship13/gists{/gist_id}","starred_url":"https://api.github.com/users/sourceship13/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/sourceship13/subscriptions","organizations_url":"https://api.github.com/users/sourceship13/orgs","repos_url":"https://api.github.com/users/sourceship13/repos","events_url":"https://api.github.com/users/sourceship13/events{/privacy}","received_events_url":"https://api.github.com/users/sourceship13/received_events","type":"User","site_admin":false},"labels":[],"state":"open","locked":false,"assignee":null,"assignees":[],"milestone":null,"comments":0,"created_at":"2018-02-28T16:31:31Z","updated_at":"2018-03-02T01:50:03Z","closed_at":null,"author_association":"NONE","body":"Hello, \r\n\r\nI have a CombinedChart that shows up just fine in my Android Project but does not display properly on ios. \r\nAndroid:\r\n![image](https://user-images.githubusercontent.com/30902630/36799512-fadc91d2-1c72-11e8-9b56-9f1ba20693b8.png)\r\n\r\nios :\r\n![image](https://user-images.githubusercontent.com/30902630/36799654-440bb20c-1c73-11e8-99f3-ad08a99835e1.png)\r\n\r\nHere is my attached code for my constructor : \r\n  constructor() {\r\n    super();\r\n    this.state = {\r\n      isLoading: true,\r\n\r\n      xAxis: {\r\n        valueFormatter: hourEndingJson,\r\n        granularityEnabled: true,\r\n        granularity: 1,\r\n        drawGridLines: false\r\n      },\r\n      yAxis: {\r\n        left: {\r\n          valueFormatter: hourEndingJson,\r\n          granularityEnabled: true,\r\n          granularity: 10\r\n        },\r\n        right: {\r\n          granularityEnabled: true,\r\n          granularity: 100\r\n        }\r\n      },\r\n\r\n      marker: {\r\n        enabled: true,\r\n        markerColor: processColor(\"#dfd608\"),\r\n        textColor: processColor(\"white\"),\r\n        markerFontSize: 14\r\n      }\r\n    };\r\n    this.getData = this.getData.bind(this);\r\n  }\r\n\r\nand where I set the chart data:\r\n this.setState(\r\n          {\r\n            isLoading: false,\r\n\r\n            data: {\r\n              lineData: {\r\n                dataSets: [\r\n                  {\r\n                    values: loadMwJson,\r\n                    label: \"Load Mw\",\r\n\r\n                    config: {\r\n                      drawValues: false,\r\n                      colors: [processColor(\"green\")],\r\n                      mode: \"CUBIC_BEZIER\",\r\n                      drawCircles: false,\r\n                      lineWidth: 2,\r\n                      axisDependency: \"left\"\r\n                    }\r\n                  },\r\n                  {\r\n                    values: totalLMPJson,\r\n                    label: \"Total LMP\",\r\n\r\n                    config: {\r\n                      drawValues: false,\r\n                      colors: [processColor(\"blue\")],\r\n                      mode: \"CUBIC_BEZIER\",\r\n                      drawCircles: false,\r\n                      lineWidth: 2,\r\n                      axisDependency: \"right\"\r\n                    }\r\n                  },\r\n                  {\r\n                    values: incOpenJson,\r\n                    label: \"Inc Open\",\r\n\r\n                    config: {\r\n                      drawValues: false,\r\n                      colors: [processColor(\"orange\")],\r\n                      mode: \"CUBIC_BEZIER\",\r\n                      drawCircles: false,\r\n                      lineWidth: 2,\r\n                      axisDependency: \"right\"\r\n                    }\r\n                  },\r\n                  {\r\n                    values: decOpenJson,\r\n                    label: \"Dec Open\",\r\n\r\n                    config: {\r\n                      drawValues: false,\r\n                      colors: [processColor(\"purple\")],\r\n                      // mode: \"CUBIC_BEZIER\",\r\n                      drawCircles: false,\r\n                      lineWidth: 2,\r\n                      axisDependency: \"right\"\r\n                    }\r\n                  }\r\n                ]\r\n              },\r\n\r\n              candleData: {\r\n                dataSets: [\r\n                  {\r\n                    values: incCandleData,\r\n                    label: \"Inc Avg\",\r\n\r\n                    config: {\r\n                      drawValues: false,\r\n                      axisDependency: \"right\",\r\n\r\n                      highlightColor: processColor(\"darkgray\"),\r\n\r\n                      shadowColor: processColor(\"black\"),\r\n                      shadowWidth: 2,\r\n                      shadowColorSameAsCandle: true,\r\n                      increasingColor: processColor(\"orange\"),\r\n                      increasingPaintStyle: \"fill\"\r\n                    }\r\n                  },\r\n                  {\r\n                    values: decCandleData,\r\n                    label: \"Dec Avg\",\r\n\r\n                    config: {\r\n                      drawValues: false,\r\n                      axisDependency: \"right\",\r\n\r\n                      highlightColor: processColor(\"darkgray\"),\r\n\r\n                      shadowColor: processColor(\"black\"),\r\n                      shadowWidth: 2,\r\n                      shadowColorSameAsCandle: true,\r\n                      increasingColor: processColor(\"blue\"),\r\n                      increasingPaintStyle: \"fill\"\r\n                    }\r\n                  }\r\n                ]\r\n              },\r\n\r\n\r\nI set all of the graphs to use the right side y axis except for the first line graph; I'm not sure why the behavior is different on ios and what I can do to make them similar. I thinsk it has to do with axis dependency not working properly on ios? (When I zoom into the ios chart, I can see my other graphs that are displayed properly in the Android version). \r\n\r\nIf you have seen this issue could you steer me in the right direction? I'm not sure how to resolve this problem. \r\n\r\nThanks, \r\n \r\n\r\n\r\n"},"comment":{"url":"https://api.github.com/repos/wuxudong/react-native-charts-wrapper/issues/comments/369793484","html_url":"https://github.com/wuxudong/react-native-charts-wrapper/issues/224#issuecomment-369793484","issue_url":"https://api.github.com/repos/wuxudong/react-native-charts-wrapper/issues/224","id":369793484,"user":{"login":"wuxudong","id":1391101,"avatar_url":"https://avatars1.githubusercontent.com/u/1391101?v=4","gravatar_id":"","url":"https://api.github.com/users/wuxudong","html_url":"https://github.com/wuxudong","followers_url":"https://api.github.com/users/wuxudong/followers","following_url":"https://api.github.com/users/wuxudong/following{/other_user}","gists_url":"https://api.github.com/users/wuxudong/gists{/gist_id}","starred_url":"https://api.github.com/users/wuxudong/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/wuxudong/subscriptions","organizations_url":"https://api.github.com/users/wuxudong/orgs","repos_url":"https://api.github.com/users/wuxudong/repos","events_url":"https://api.github.com/users/wuxudong/events{/privacy}","received_events_url":"https://api.github.com/users/wuxudong/received_events","type":"User","site_admin":false},"created_at":"2018-03-02T01:50:03Z","updated_at":"2018-03-02T01:50:03Z","author_association":"OWNER","body":"I reproduced the problem, and I found it works well in another branch [upgrade_to_charts_3.0.5](https://github.com/wuxudong/react-native-charts-wrapper/tree/upgrade_to_charts_3.0.5)\r\n\r\nYou can try this branch manually (It requires swift 4), but notice this branch is not released yet, and Charts 3.0.5 has some other [bugs](https://github.com/danielgindi/Charts/issues/3299). and the legend -> position property is replaced.\r\n\r\n "}}
{"actor":{"display_login":"wuxudong"}}