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

Error while updating property 'd' in shadow node of type : RNSVGPath #118

Closed
vinh84 opened this issue Mar 19, 2017 · 4 comments
Closed

Error while updating property 'd' in shadow node of type : RNSVGPath #118

vinh84 opened this issue Mar 19, 2017 · 4 comments

Comments

@vinh84
Copy link

vinh84 commented Mar 19, 2017

I copied code from your sample, but when i run, i got this error

Error while updating property 'd' in shadow node of type : RNSVGPath

let data = [ [{ "v": 49, "name": "apple" }, { "v": 42, "name": "apple" }], [{ "v": 69, "name": "banana" }, { "v": 62, "name": "banana" }], [{ "v": 29, "name": "grape" }, { "v": 15, "name": "grape" }] ]
let options = { width: 300, height: 300, margin: { top: 20, left: 25, bottom: 50, right: 20 }, color: '#2980B9', gutter: 20, animate: { type: 'oneByOne', duration: 200, fillTransition: 3 }, axisX: { showAxis: true, showLines: true, showLabels: true, showTicks: true, zeroAxis: false, orient: 'bottom', label: { fontFamily: 'Arial', fontSize: 8, fontWeight: true, fill: '#34495E' } }, axisY: { showAxis: true, showLines: true, showLabels: true, showTicks: true, zeroAxis: false, orient: 'left', label: { fontFamily: 'Arial', fontSize: 8, fontWeight: true, fill: '#34495E' } }
}`

<Bar data={data} options={options} accessorKey='v'/>

@paneer-tikka
Copy link

I faced the same issue. Upon debugging on Android, realized that I needed to update react-native-svg to latest version with the followign change in package.json:
"react-native-svg": "~5.1.5"
Forked here and now working fine.

@marzolfb
Copy link
Contributor

This is a duplicate of several other issues - have a look at #70 and see if some of that discussion helps.

Manually upgrading to react-native-svg 5.1.5 as @paneer-tikka suggests could solve your problem but we haven't upgrading to a newer version of this dependency in this library due to a text rotation bug in react-native-svg in that newer version - this bug is evident if you look at the Bar chart in the example app.

Likely, there is a conflict between your app's copy of react-native-svg and this libraries insistence on wanting version 4.5.0 of that dependency. It should become evident that this is the case if you take a look at the output of this command:

 npm list react-native react-native-svg paths-js

@paneer-tikka
Copy link

paneer-tikka commented Mar 21, 2017

Thanks @marzolfb. I was wondering what's going to hit me after the upgrade ;-). Luckily I am able to work around the Bar chart issue for now.

@marzolfb
Copy link
Contributor

Closing this since its a duplicate

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

No branches or pull requests

3 participants