Skip to content
This repository has been archived by the owner on Sep 17, 2021. It is now read-only.

No chart visible #10

Closed
jotamontecino opened this issue Oct 13, 2016 · 9 comments
Closed

No chart visible #10

jotamontecino opened this issue Oct 13, 2016 · 9 comments

Comments

@jotamontecino
Copy link

I added one of your chart exemple, and i have an empty view. I added a text before to be sure it wasn't render outside of the visible field....
capture d ecran 2016-10-13 a 17 08 48

It should be rendered in the StockLine.

Am i doing something wrong?

@Ansalibrahim
Copy link

for me, my simulator does not show, however in my android device it works as intended

@jotamontecino
Copy link
Author

I'll try on my devices

@Gipxy
Copy link

Gipxy commented Oct 17, 2016

me too, seem iOS 10/xCode 8 bug

@dfconroy
Copy link

Any way to get the charts to display on the simulator?

@Ansalibrahim
Copy link

I think it may be related to svg support in iOS simulator so I don't think that it could be cleared. I tried a lot but no chance around.
Don't consider it is a serious since it is still visible in real device so it is only a matter of time for a developer. I've also similar issues in react native libraries that uses react native svg so that is something related to the svg support in safari in the simulator

@drpiou
Copy link

drpiou commented Oct 19, 2016

Me too, nothing is displayed on my iOS 9 and 10 devices. I have the exact same screenshot as OP.

@marzolfb
Copy link
Contributor

Interesting. I'm not seeing the same thing after upgrading to xCode8(/iOS10). I suspect there is something else going in a parent component above the StockLineChart. I'm curious what you see if you simplify things by taking the example app and removing everything but the StockLineChart.

Here's what I have in index.ios.js

class example extends React.Component {
  render() {
    return (
      <ScrollView style={{flex:1,backgroundColor:'#F5FCFF'}} contentContainerStyle={{justifyContent:'center',alignItems:'center'}}>
        <StockLine data={sampleData.stockLine.data} options={sampleData.stockLine.options} xKey='x' yKey='y' />
      </ScrollView>)
  }
}

and what it produced for me in the simulator:

image

what happens when you do the same?

@marzolfb
Copy link
Contributor

marzolfb commented Nov 3, 2016

Closing this issue as I haven't seen anyone provide any more info to reproduce the issue. We recently upgraded the project to use React Native 0.35. Not sure that clears up some of the problems above, but it may be worth a try to get the latest to see if it fixes previous problems.

@marzolfb marzolfb closed this as completed Nov 3, 2016
@SimchaShats
Copy link
Contributor

SimchaShats commented Nov 10, 2016

@marzolfb Have the same issue on RN 0.37 on real device and emulator also... But it worked good before upgrade on previous RN 0.32

Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
None yet
Projects
None yet
Development

No branches or pull requests

7 participants