status-im/react-native-gifted-charts
2
0
Fork 0
mirror of https://github.com/status-im/react-native-gifted-charts.git synced 2025-02-23 00:58:11 +00:00
Code Issues Packages Projects Releases Wiki Activity
react-native-gifted-charts/__tests__/__snapshots__/BarChart.test.js.snap
Abhinandan-Kushwaha b594463647 Added arrow to Line and Area charts
2022-07-02 21:59:53 +05:30

13165 lines
300 KiB
Plaintext
Raw Blame History

// Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`renders 3D bar chart correctly 1`] = `
<View>
<View
style={
Array [
Object {
"marginBottom": 40,
"marginRight": 40,
"width": "100%",
},
Object {
"height": 200,
},
false,
undefined,
false,
]
}
>
<View
style={
Array [
Object {
"flexDirection": "row",
},
Object {
"width": 331,
},
false,
undefined,
]
}
>
<View
style={
Array [
Object {
"alignItems": "center",
"justifyContent": "center",
},
Object {
"borderColor": "black",
"borderRightWidth": 1,
},
false,
Object {
"height": 50,
"width": 35,
},
undefined,
]
}
/>
<View
style={
Array [
Object {
"justifyContent": "center",
"width": "100%",
},
Object {
"backgroundColor": "transparent",
},
]
}
/>
</View>
<View
style={
Array [
Object {
"flexDirection": "row",
},
Object {
"width": 331,
},
false,
undefined,
]
}
>
<View
style={
Array [
Object {
"alignItems": "center",
"justifyContent": "center",
},
Object {
"borderColor": "black",
"borderRightWidth": 1,
},
false,
Object {
"height": 50,
"width": 35,
},
undefined,
]
}
/>
<View
style={
Array [
Object {
"justifyContent": "center",
"width": "100%",
},
Object {
"backgroundColor": "transparent",
},
]
}
/>
</View>
<View
style={
Array [
Object {
"flexDirection": "row",
},
Object {
"width": 331,
},
false,
undefined,
]
}
>
<View
style={
Array [
Object {
"alignItems": "center",
"justifyContent": "center",
},
Object {
"borderColor": "black",
"borderRightWidth": 1,
},
false,
Object {
"height": 50,
"width": 35,
},
undefined,
]
}
/>
<View
style={
Array [
Object {
"justifyContent": "center",
"width": "100%",
},
Object {
"backgroundColor": "transparent",
},
]
}
/>
</View>
<View
style={
Array [
Object {
"flexDirection": "row",
},
Object {
"width": 331,
},
false,
undefined,
]
}
>
<View
style={
Array [
Object {
"alignItems": "center",
"justifyContent": "center",
},
Object {
"borderColor": "black",
"borderRightWidth": 1,
},
false,
Object {
"height": 50,
"width": 35,
},
undefined,
]
}
/>
<View
style={
Array [
Object {
"justifyContent": "center",
"width": "100%",
},
Object {
"backgroundColor": "transparent",
},
]
}
/>
</View>
<View
style={
Array [
Object {
"flexDirection": "row",
},
Object {
"width": 331,
},
false,
undefined,
]
}
>
<View
style={
Array [
Object {
"alignItems": "center",
"justifyContent": "center",
},
Object {
"borderColor": "black",
"borderRightWidth": 1,
},
false,
Object {
"height": 25,
"width": 35,
},
undefined,
]
}
/>
<View
style={
Array [
Object {
"justifyContent": "flex-end",
"width": "100%",
},
Object {
"backgroundColor": "transparent",
},
]
}
>
<RNSVGSvgView
bbHeight={1}
bbWidth={331}
config={
Object {
"color": "black",
"dashGap": 8,
"dashWidth": 4,
"thickness": 1,
"type": "solid",
"width": 331,
}
}
focusable={false}
height={1}
style={
Array [
Object {
"backgroundColor": "transparent",
"borderWidth": 0,
},
Object {
"flex": 0,
"height": 1,
"width": 331,
},
]
}
width={331}
>
<RNSVGGroup>
<RNSVGGroup
fill={4292072403}
propList={
Array [
"fill",
"stroke",
"strokeWidth",
]
}
stroke={4278190080}
strokeWidth={1}
>
<RNSVGPath
d="M0 0.5h331"
/>
</RNSVGGroup>
</RNSVGGroup>
</RNSVGSvgView>
</View>
</View>
<View
style={
Array [
Object {
"flexDirection": "row",
},
Object {
"alignItems": "center",
"justifyContent": "center",
},
Object {
"height": 50,
"position": "absolute",
"top": 0,
"width": 35,
"zIndex": 1,
},
false,
false,
undefined,
]
}
>
<Text
ellipsizeMode="clip"
numberOfLines={1}
style={
Array [
undefined,
false,
false,
]
}
>
400
</Text>
</View>
<View
style={
Array [
Object {
"flexDirection": "row",
},
Object {
"alignItems": "center",
"justifyContent": "center",
},
Object {
"height": 50,
"position": "absolute",
"top": 50,
"width": 35,
"zIndex": 1,
},
false,
false,
undefined,
]
}
>
<Text
ellipsizeMode="clip"
numberOfLines={1}
style={
Array [
undefined,
false,
false,
]
}
>
300
</Text>
</View>
<View
style={
Array [
Object {
"flexDirection": "row",
},
Object {
"alignItems": "center",
"justifyContent": "center",
},
Object {
"height": 50,
"position": "absolute",
"top": 100,
"width": 35,
"zIndex": 1,
},
false,
false,
undefined,
]
}
>
<Text
ellipsizeMode="clip"
numberOfLines={1}
style={
Array [
undefined,
false,
false,
]
}
>
200
</Text>
</View>
<View
style={
Array [
Object {
"flexDirection": "row",
},
Object {
"alignItems": "center",
"justifyContent": "center",
},
Object {
"height": 50,
"position": "absolute",
"top": 150,
"width": 35,
"zIndex": 1,
},
false,
false,
undefined,
]
}
>
<Text
ellipsizeMode="clip"
numberOfLines={1}
style={
Array [
undefined,
false,
false,
]
}
>
100
</Text>
</View>
<View
style={
Array [
Object {
"flexDirection": "row",
},
Object {
"alignItems": "center",
"justifyContent": "center",
},
Object {
"height": 25,
"position": "absolute",
"top": 200,
"width": 35,
"zIndex": 1,
},
false,
false,
undefined,
]
}
>
<Text
ellipsizeMode="clip"
numberOfLines={1}
style={
Array [
undefined,
false,
Object {
"marginBottom": -25,
},
]
}
>
0
</Text>
</View>
<View
style={
Array [
Object {
"flexDirection": "row",
},
Object {
"alignItems": "center",
"justifyContent": "center",
},
Object {
"height": 50,
"position": "absolute",
"top": 0,
"width": 35,
"zIndex": 1,
},
false,
]
}
/>
<View
style={
Array [
Object {
"flexDirection": "row",
},
Object {
"alignItems": "center",
"justifyContent": "center",
},
Object {
"height": 50,
"position": "absolute",
"top": 50,
"width": 35,
"zIndex": 1,
},
false,
]
}
/>
<View
style={
Array [
Object {
"flexDirection": "row",
},
Object {
"alignItems": "center",
"justifyContent": "center",
},
Object {
"height": 50,
"position": "absolute",
"top": 100,
"width": 35,
"zIndex": 1,
},
false,
]
}
/>
<View
style={
Array [
Object {
"flexDirection": "row",
},
Object {
"alignItems": "center",
"justifyContent": "center",
},
Object {
"height": 50,
"position": "absolute",
"top": 150,
"width": 35,
"zIndex": 1,
},
false,
]
}
/>
<View
style={
Array [
Object {
"flexDirection": "row",
},
Object {
"alignItems": "center",
"justifyContent": "center",
},
Object {
"height": 25,
"position": "absolute",
"top": 200,
"width": 35,
"zIndex": 1,
},
false,
]
}
/>
<RCTScrollView
contentContainerStyle={
Array [
Object {
"alignItems": "flex-end",
"height": 330,
"paddingBottom": 0,
"paddingLeft": 40,
},
Object {
"width": 320,
},
]
}
horizontal={true}
keyExtractor={[Function]}
onContentSizeChange={[Function]}
onTouchStart={[Function]}
scrollEnabled={true}
showsHorizontalScrollIndicator={false}
style={
Array [
Object {
"bottom": -84,
"marginLeft": 35,
"position": "absolute",
},
undefined,
false,
]
}
>
<View>
<View
accessible={true}
collapsable={false}
focusable={true}
onClick={[Function]}
onResponderGrant={[Function]}
onResponderMove={[Function]}
onResponderRelease={[Function]}
onResponderTerminate={[Function]}
onResponderTerminationRequest={[Function]}
onStartShouldSetResponder={[Function]}
style={
Object {
"height": 115,
"marginBottom": 60,
"marginRight": 20,
"opacity": 1,
"width": 40,
}
}
>
<View
style={
Object {
"alignItems": "center",
"flex": 1,
"justifyContent": "center",
}
}
>
<View
style={
Array [
Object {
"flexDirection": "row",
},
Object {
"transform": Array [
Object {
"rotateY": "180deg",
},
],
},
]
}
>
<View
style={
Object {
"position": "absolute",
"top": -7.5,
}
}
>
<View
style={
Array [
Object {
"backgroundColor": "transparent",
"borderRightColor": "transparent",
"borderStyle": "solid",
"height": 0,
"transform": Array [
Object {
"rotate": "90deg",
},
],
"width": 0,
},
Object {
"opacity": 1,
"transform": Array [
Object {
"rotate": "90deg",
},
],
},
Object {
"borderRightWidth": 7.5,
"borderTopColor": "#92e6f6",
"borderTopWidth": 7.5,
},
]
}
/>
</View>
<View
style={
Object {
"position": "absolute",
"top": -7.5,
}
}
>
<View
style={
Object {
"backgroundColor": "#92e6f6",
"height": 16,
"opacity": 1,
"width": 40,
}
}
/>
</View>
<View
style={
Object {
"left": 40,
"position": "absolute",
"top": -7.5,
}
}
>
<View
style={
Array [
Object {
"backgroundColor": "transparent",
"borderRightColor": "transparent",
"borderStyle": "solid",
"height": 0,
"transform": Array [
Object {
"rotate": "90deg",
},
],
"width": 0,
},
Object {
"opacity": 1,
"transform": Array [
Object {
"rotate": "-90deg",
},
],
},
Object {
"borderRightWidth": 7.5,
"borderTopColor": "#92e6f6",
"borderTopWidth": 7.5,
},
]
}
/>
</View>
<View
style={
Object {
"marginTop": -7.5,
}
}
>
<View
style={
Array [
Object {
"backgroundColor": "transparent",
"borderRightColor": "transparent",
"borderStyle": "solid",
"height": 0,
"transform": Array [
Object {
"rotate": "90deg",
},
],
"width": 0,
},
Object {
"opacity": 1,
"transform": Array [
Object {
"rotate": "-90deg",
},
],
},
Object {
"borderRightWidth": 7.5,
"borderTopColor": "#23A7F3",
"borderTopWidth": 7.5,
},
]
}
/>
<View
style={
Object {
"backgroundColor": "#23A7F3",
"height": 107.5,
"opacity": 1,
"width": 7.5,
}
}
/>
<View
style={
Array [
Object {
"backgroundColor": "transparent",
"borderRightColor": "transparent",
"borderStyle": "solid",
"height": 0,
"transform": Array [
Object {
"rotate": "90deg",
},
],
"width": 0,
},
Object {
"opacity": 1,
"transform": Array [
Object {
"rotate": "90deg",
},
],
},
Object {
"borderRightWidth": 7.5,
"borderTopColor": "#23A7F3",
"borderTopWidth": 7.5,
},
]
}
/>
</View>
<View
style={
Array [
Object {
"backgroundColor": "#4ABFF4",
"borderColor": "white",
"borderLeftWidth": 0.5,
"borderTopWidth": 0.5,
"height": 115,
"opacity": 1,
"width": 40,
},
undefined,
]
}
/>
</View>
<View
style={
Array [
Object {
"alignItems": "center",
"height": 60,
"justifyContent": "flex-end",
"position": "absolute",
"top": -80,
"width": 40,
},
false,
false,
Object {
"right": -10,
},
Object {},
]
}
/>
</View>
<View
style={
Array [
Object {
"bottom": -25,
"left": -6,
"position": "absolute",
"width": 50,
},
Object {},
]
}
>
<Text
numberOfLines={1}
style={
Object {
"textAlign": "center",
}
}
>
Jan
</Text>
</View>
</View>
<View
accessible={true}
collapsable={false}
focusable={true}
onClick={[Function]}
onResponderGrant={[Function]}
onResponderMove={[Function]}
onResponderRelease={[Function]}
onResponderTerminate={[Function]}
onResponderTerminationRequest={[Function]}
onStartShouldSetResponder={[Function]}
style={
Object {
"height": 90,
"marginBottom": 60,
"marginRight": 20,
"opacity": 1,
"width": 40,
}
}
>
<View
style={
Object {
"alignItems": "center",
"flex": 1,
"justifyContent": "center",
}
}
>
<View
style={
Array [
Object {
"flexDirection": "row",
},
Object {
"transform": Array [
Object {
"rotateY": "180deg",
},
],
},
]
}
>
<View
style={
Object {
"position": "absolute",
"top": -7.5,
}
}
>
<View
style={
Array [
Object {
"backgroundColor": "transparent",
"borderRightColor": "transparent",
"borderStyle": "solid",
"height": 0,
"transform": Array [
Object {
"rotate": "90deg",
},
],
"width": 0,
},
Object {
"opacity": 1,
"transform": Array [
Object {
"rotate": "90deg",
},
],
},
Object {
"borderRightWidth": 7.5,
"borderTopColor": "#9FD4E5",
"borderTopWidth": 7.5,
},
]
}
/>
</View>
<View
style={
Object {
"position": "absolute",
"top": -7.5,
}
}
>
<View
style={
Object {
"backgroundColor": "#9FD4E5",
"height": 16,
"opacity": 1,
"width": 40,
}
}
/>
</View>
<View
style={
Object {
"left": 40,
"position": "absolute",
"top": -7.5,
}
}
>
<View
style={
Array [
Object {
"backgroundColor": "transparent",
"borderRightColor": "transparent",
"borderStyle": "solid",
"height": 0,
"transform": Array [
Object {
"rotate": "90deg",
},
],
"width": 0,
},
Object {
"opacity": 1,
"transform": Array [
Object {
"rotate": "-90deg",
},
],
},
Object {
"borderRightWidth": 7.5,
"borderTopColor": "#9FD4E5",
"borderTopWidth": 7.5,
},
]
}
/>
</View>
<View
style={
Object {
"marginTop": -7.5,
}
}
>
<View
style={
Array [
Object {
"backgroundColor": "transparent",
"borderRightColor": "transparent",
"borderStyle": "solid",
"height": 0,
"transform": Array [
Object {
"rotate": "90deg",
},
],
"width": 0,
},
Object {
"opacity": 1,
"transform": Array [
Object {
"rotate": "-90deg",
},
],
},
Object {
"borderRightWidth": 7.5,
"borderTopColor": "#68BCD7",
"borderTopWidth": 7.5,
},
]
}
/>
<View
style={
Object {
"backgroundColor": "#68BCD7",
"height": 82.5,
"opacity": 1,
"width": 7.5,
}
}
/>
<View
style={
Array [
Object {
"backgroundColor": "transparent",
"borderRightColor": "transparent",
"borderStyle": "solid",
"height": 0,
"transform": Array [
Object {
"rotate": "90deg",
},
],
"width": 0,
},
Object {
"opacity": 1,
"transform": Array [
Object {
"rotate": "90deg",
},
],
},
Object {
"borderRightWidth": 7.5,
"borderTopColor": "#68BCD7",
"borderTopWidth": 7.5,
},
]
}
/>
</View>
<View
style={
Array [
Object {
"backgroundColor": "#79C3DB",
"borderColor": "white",
"borderLeftWidth": 0.5,
"borderTopWidth": 0.5,
"height": 90,
"opacity": 1,
"width": 40,
},
undefined,
]
}
/>
</View>
<View
style={
Array [
Object {
"alignItems": "center",
"height": 60,
"justifyContent": "flex-end",
"position": "absolute",
"top": -80,
"width": 40,
},
false,
false,
Object {
"right": -10,
},
Object {},
]
}
/>
</View>
<View
style={
Array [
Object {
"bottom": -25,
"left": -6,
"position": "absolute",
"width": 50,
},
Object {},
]
}
>
<Text
numberOfLines={1}
style={
Object {
"textAlign": "center",
}
}
>
Feb
</Text>
</View>
</View>
<View
accessible={true}
collapsable={false}
focusable={true}
onClick={[Function]}
onResponderGrant={[Function]}
onResponderMove={[Function]}
onResponderRelease={[Function]}
onResponderTerminate={[Function]}
onResponderTerminationRequest={[Function]}
onStartShouldSetResponder={[Function]}
style={
Object {
"height": 97.5,
"marginBottom": 60,
"marginRight": 20,
"opacity": 1,
"width": 40,
}
}
>
<View
style={
Object {
"alignItems": "center",
"flex": 1,
"justifyContent": "center",
}
}
>
<View
style={
Array [
Object {
"flexDirection": "row",
},
Object {
"transform": Array [
Object {
"rotateY": "180deg",
},
],
},
]
}
>
<View
style={
Object {
"position": "absolute",
"top": -7.5,
}
}
>
<View
style={
Array [
Object {
"backgroundColor": "transparent",
"borderRightColor": "transparent",
"borderStyle": "solid",
"height": 0,
"transform": Array [
Object {
"rotate": "90deg",
},
],
"width": 0,
},
Object {
"opacity": 1,
"transform": Array [
Object {
"rotate": "90deg",
},
],
},
Object {
"borderRightWidth": 7.5,
"borderTopColor": "#66C9C9",
"borderTopWidth": 7.5,
},
]
}
/>
</View>
<View
style={
Object {
"position": "absolute",
"top": -7.5,
}
}
>
<View
style={
Object {
"backgroundColor": "#66C9C9",
"height": 16,
"opacity": 1,
"width": 40,
}
}
/>
</View>
<View
style={
Object {
"left": 40,
"position": "absolute",
"top": -7.5,
}
}
>
<View
style={
Array [
Object {
"backgroundColor": "transparent",
"borderRightColor": "transparent",
"borderStyle": "solid",
"height": 0,
"transform": Array [
Object {
"rotate": "90deg",
},
],
"width": 0,
},
Object {
"opacity": 1,
"transform": Array [
Object {
"rotate": "-90deg",
},
],
},
Object {
"borderRightWidth": 7.5,
"borderTopColor": "#66C9C9",
"borderTopWidth": 7.5,
},
]
}
/>
</View>
<View
style={
Object {
"marginTop": -7.5,
}
}
>
<View
style={
Array [
Object {
"backgroundColor": "transparent",
"borderRightColor": "transparent",
"borderStyle": "solid",
"height": 0,
"transform": Array [
Object {
"rotate": "90deg",
},
],
"width": 0,
},
Object {
"opacity": 1,
"transform": Array [
Object {
"rotate": "-90deg",
},
],
},
Object {
"borderRightWidth": 7.5,
"borderTopColor": "#0FAAAB",
"borderTopWidth": 7.5,
},
]
}
/>
<View
style={
Object {
"backgroundColor": "#0FAAAB",
"height": 90,
"opacity": 1,
"width": 7.5,
}
}
/>
<View
style={
Array [
Object {
"backgroundColor": "transparent",
"borderRightColor": "transparent",
"borderStyle": "solid",
"height": 0,
"transform": Array [
Object {
"rotate": "90deg",
},
],
"width": 0,
},
Object {
"opacity": 1,
"transform": Array [
Object {
"rotate": "90deg",
},
],
},
Object {
"borderRightWidth": 7.5,
"borderTopColor": "#0FAAAB",
"borderTopWidth": 7.5,
},
]
}
/>
</View>
<View
style={
Array [
Object {
"backgroundColor": "#28B2B3",
"borderColor": "white",
"borderLeftWidth": 0.5,
"borderTopWidth": 0.5,
"height": 97.5,
"opacity": 1,
"width": 40,
},
undefined,
]
}
/>
</View>
<View
style={
Array [
Object {
"alignItems": "center",
"height": 60,
"justifyContent": "flex-end",
"position": "absolute",
"top": -80,
"width": 40,
},
false,
false,
Object {
"right": -10,
},
Object {},
]
}
/>
</View>
<View
style={
Array [
Object {
"bottom": -25,
"left": -6,
"position": "absolute",
"width": 50,
},
Object {},
]
}
>
<Text
numberOfLines={1}
style={
Object {
"textAlign": "center",
}
}
>
Mar
</Text>
</View>
</View>
<View
accessible={true}
collapsable={false}
focusable={true}
onClick={[Function]}
onResponderGrant={[Function]}
onResponderMove={[Function]}
onResponderRelease={[Function]}
onResponderTerminate={[Function]}
onResponderTerminationRequest={[Function]}
onStartShouldSetResponder={[Function]}
style={
Object {
"height": 125,
"marginBottom": 60,
"marginRight": 20,
"opacity": 1,
"width": 40,
}
}
>
<View
style={
Object {
"alignItems": "center",
"flex": 1,
"justifyContent": "center",
}
}
>
<View
style={
Array [
Object {
"flexDirection": "row",
},
Object {
"transform": Array [
Object {
"rotateY": "180deg",
},
],
},
]
}
>
<View
style={
Object {
"position": "absolute",
"top": -7.5,
}
}
>
<View
style={
Array [
Object {
"backgroundColor": "transparent",
"borderRightColor": "transparent",
"borderStyle": "solid",
"height": 0,
"transform": Array [
Object {
"rotate": "90deg",
},
],
"width": 0,
},
Object {
"opacity": 1,
"transform": Array [
Object {
"rotate": "90deg",
},
],
},
Object {
"borderRightWidth": 7.5,
"borderTopColor": "#7DE7CE",
"borderTopWidth": 7.5,
},
]
}
/>
</View>
<View
style={
Object {
"position": "absolute",
"top": -7.5,
}
}
>
<View
style={
Object {
"backgroundColor": "#7DE7CE",
"height": 16,
"opacity": 1,
"width": 40,
}
}
/>
</View>
<View
style={
Object {
"left": 40,
"position": "absolute",
"top": -7.5,
}
}
>
<View
style={
Array [
Object {
"backgroundColor": "transparent",
"borderRightColor": "transparent",
"borderStyle": "solid",
"height": 0,
"transform": Array [
Object {
"rotate": "90deg",
},
],
"width": 0,
},
Object {
"opacity": 1,
"transform": Array [
Object {
"rotate": "-90deg",
},
],
},
Object {
"borderRightWidth": 7.5,
"borderTopColor": "#7DE7CE",
"borderTopWidth": 7.5,
},
]
}
/>
</View>
<View
style={
Object {
"marginTop": -7.5,
}
}
>
<View
style={
Array [
Object {
"backgroundColor": "transparent",
"borderRightColor": "transparent",
"borderStyle": "solid",
"height": 0,
"transform": Array [
Object {
"rotate": "90deg",
},
],
"width": 0,
},
Object {
"opacity": 1,
"transform": Array [
Object {
"rotate": "-90deg",
},
],
},
Object {
"borderRightWidth": 7.5,
"borderTopColor": "#36D9B2",
"borderTopWidth": 7.5,
},
]
}
/>
<View
style={
Object {
"backgroundColor": "#36D9B2",
"height": 117.5,
"opacity": 1,
"width": 7.5,
}
}
/>
<View
style={
Array [
Object {
"backgroundColor": "transparent",
"borderRightColor": "transparent",
"borderStyle": "solid",
"height": 0,
"transform": Array [
Object {
"rotate": "90deg",
},
],
"width": 0,
},
Object {
"opacity": 1,
"transform": Array [
Object {
"rotate": "90deg",
},
],
},
Object {
"borderRightWidth": 7.5,
"borderTopColor": "#36D9B2",
"borderTopWidth": 7.5,
},
]
}
/>
</View>
<View
style={
Array [
Object {
"backgroundColor": "#4ADDBA",
"borderColor": "white",
"borderLeftWidth": 0.5,
"borderTopWidth": 0.5,
"height": 125,
"opacity": 1,
"width": 40,
},
undefined,
]
}
/>
</View>
<View
style={
Array [
Object {
"alignItems": "center",
"height": 60,
"justifyContent": "flex-end",
"position": "absolute",
"top": -80,
"width": 40,
},
false,
false,
Object {
"right": -10,
},
Object {},
]
}
/>
</View>
<View
style={
Array [
Object {
"bottom": -25,
"left": -6,
"position": "absolute",
"width": 50,
},
Object {},
]
}
>
<Text
numberOfLines={1}
style={
Object {
"textAlign": "center",
}
}
>
Apr
</Text>
</View>
</View>
<View
accessible={true}
collapsable={false}
focusable={true}
onClick={[Function]}
onResponderGrant={[Function]}
onResponderMove={[Function]}
onResponderRelease={[Function]}
onResponderTerminate={[Function]}
onResponderTerminationRequest={[Function]}
onStartShouldSetResponder={[Function]}
style={
Object {
"height": 160,
"marginBottom": 60,
"marginRight": 20,
"opacity": 1,
"width": 40,
}
}
>
<View
style={
Object {
"alignItems": "center",
"flex": 1,
"justifyContent": "center",
}
}
>
<View
style={
Array [
Object {
"flexDirection": "row",
},
Object {
"transform": Array [
Object {
"rotateY": "180deg",
},
],
},
]
}
>
<View
style={
Object {
"position": "absolute",
"top": -7.5,
}
}
>
<View
style={
Array [
Object {
"backgroundColor": "transparent",
"borderRightColor": "transparent",
"borderStyle": "solid",
"height": 0,
"transform": Array [
Object {
"rotate": "90deg",
},
],
"width": 0,
},
Object {
"opacity": 1,
"transform": Array [
Object {
"rotate": "90deg",
},
],
},
Object {
"borderRightWidth": 7.5,
"borderTopColor": "#B0EAEB",
"borderTopWidth": 7.5,
},
]
}
/>
</View>
<View
style={
Object {
"position": "absolute",
"top": -7.5,
}
}
>
<View
style={
Object {
"backgroundColor": "#B0EAEB",
"height": 16,
"opacity": 1,
"width": 40,
}
}
/>
</View>
<View
style={
Object {
"left": 40,
"position": "absolute",
"top": -7.5,
}
}
>
<View
style={
Array [
Object {
"backgroundColor": "transparent",
"borderRightColor": "transparent",
"borderStyle": "solid",
"height": 0,
"transform": Array [
Object {
"rotate": "90deg",
},
],
"width": 0,
},
Object {
"opacity": 1,
"transform": Array [
Object {
"rotate": "-90deg",
},
],
},
Object {
"borderRightWidth": 7.5,
"borderTopColor": "#B0EAEB",
"borderTopWidth": 7.5,
},
]
}
/>
</View>
<View
style={
Object {
"marginTop": -7.5,
}
}
>
<View
style={
Array [
Object {
"backgroundColor": "transparent",
"borderRightColor": "transparent",
"borderStyle": "solid",
"height": 0,
"transform": Array [
Object {
"rotate": "90deg",
},
],
"width": 0,
},
Object {
"opacity": 1,
"transform": Array [
Object {
"rotate": "-90deg",
},
],
},
Object {
"borderRightWidth": 7.5,
"borderTopColor": "#85E0E0",
"borderTopWidth": 7.5,
},
]
}
/>
<View
style={
Object {
"backgroundColor": "#85E0E0",
"height": 152.5,
"opacity": 1,
"width": 7.5,
}
}
/>
<View
style={
Array [
Object {
"backgroundColor": "transparent",
"borderRightColor": "transparent",
"borderStyle": "solid",
"height": 0,
"transform": Array [
Object {
"rotate": "90deg",
},
],
"width": 0,
},
Object {
"opacity": 1,
"transform": Array [
Object {
"rotate": "90deg",
},
],
},
Object {
"borderRightWidth": 7.5,
"borderTopColor": "#85E0E0",
"borderTopWidth": 7.5,
},
]
}
/>
</View>
<View
style={
Array [
Object {
"backgroundColor": "#91E3E3",
"borderColor": "white",
"borderLeftWidth": 0.5,
"borderTopWidth": 0.5,
"height": 160,
"opacity": 1,
"width": 40,
},
undefined,
]
}
/>
</View>
<View
style={
Array [
Object {
"alignItems": "center",
"height": 60,
"justifyContent": "flex-end",
"position": "absolute",
"top": -80,
"width": 40,
},
false,
false,
Object {
"right": -10,
},
Object {},
]
}
/>
</View>
<View
style={
Array [
Object {
"bottom": -25,
"left": -6,
"position": "absolute",
"width": 50,
},
Object {},
]
}
>
<Text
numberOfLines={1}
style={
Object {
"textAlign": "center",
}
}
>
May
</Text>
</View>
</View>
</View>
</RCTScrollView>
</View>
</View>
`;
exports[`renders a simple bar chart with given number of vertical lines correctly 1`] = `
<View>
<View
style={
Array [
Object {
"marginBottom": 40,
"marginRight": 40,
"width": "100%",
},
Object {
"height": 200,
},
false,
Object {
"width": 300,
},
false,
]
}
>
<View
style={
Array [
Object {
"flexDirection": "row",
},
Object {
"width": 300,
},
false,
undefined,
]
}
>
<View
style={
Array [
Object {
"alignItems": "center",
"justifyContent": "center",
},
Object {
"borderColor": "black",
"borderRightWidth": 1,
},
false,
Object {
"height": 20,
"width": 35,
},
undefined,
]
}
/>
<View
style={
Array [
Object {
"justifyContent": "center",
"width": "100%",
},
Object {
"backgroundColor": "transparent",
},
]
}
>
<RNSVGSvgView
bbHeight={1}
bbWidth={311}
config={
Object {
"color": "lightgray",
"dashGap": 8,
"dashWidth": 4,
"thickness": 1,
"type": "solid",
"width": 311,
}
}
focusable={false}
height={1}
style={
Array [
Object {
"backgroundColor": "transparent",
"borderWidth": 0,
},
Object {
"flex": 0,
"height": 1,
"width": 311,
},
]
}
width={311}
>
<RNSVGGroup>
<RNSVGGroup
fill={4292072403}
propList={
Array [
"fill",
"stroke",
"strokeWidth",
]
}
stroke={4292072403}
strokeWidth={1}
>
<RNSVGPath
d="M0 0.5h311"
/>
</RNSVGGroup>
</RNSVGGroup>
</RNSVGSvgView>
</View>
</View>
<View
style={
Array [
Object {
"flexDirection": "row",
},
Object {
"width": 300,
},
false,
undefined,
]
}
>
<View
style={
Array [
Object {
"alignItems": "center",
"justifyContent": "center",
},
Object {
"borderColor": "black",
"borderRightWidth": 1,
},
false,
Object {
"height": 20,
"width": 35,
},
undefined,
]
}
/>
<View
style={
Array [
Object {
"justifyContent": "center",
"width": "100%",
},
Object {
"backgroundColor": "transparent",
},
]
}
>
<RNSVGSvgView
bbHeight={1}
bbWidth={311}
config={
Object {
"color": "lightgray",
"dashGap": 8,
"dashWidth": 4,
"thickness": 1,
"type": "solid",
"width": 311,
}
}
focusable={false}
height={1}
style={
Array [
Object {
"backgroundColor": "transparent",
"borderWidth": 0,
},
Object {
"flex": 0,
"height": 1,
"width": 311,
},
]
}
width={311}
>
<RNSVGGroup>
<RNSVGGroup
fill={4292072403}
propList={
Array [
"fill",
"stroke",
"strokeWidth",
]
}
stroke={4292072403}
strokeWidth={1}
>
<RNSVGPath
d="M0 0.5h311"
/>
</RNSVGGroup>
</RNSVGGroup>
</RNSVGSvgView>
</View>
</View>
<View
style={
Array [
Object {
"flexDirection": "row",
},
Object {
"width": 300,
},
false,
undefined,
]
}
>
<View
style={
Array [
Object {
"alignItems": "center",
"justifyContent": "center",
},
Object {
"borderColor": "black",
"borderRightWidth": 1,
},
false,
Object {
"height": 20,
"width": 35,
},
undefined,
]
}
/>
<View
style={
Array [
Object {
"justifyContent": "center",
"width": "100%",
},
Object {
"backgroundColor": "transparent",
},
]
}
>
<RNSVGSvgView
bbHeight={1}
bbWidth={311}
config={
Object {
"color": "lightgray",
"dashGap": 8,
"dashWidth": 4,
"thickness": 1,
"type": "solid",
"width": 311,
}
}
focusable={false}
height={1}
style={
Array [
Object {
"backgroundColor": "transparent",
"borderWidth": 0,
},
Object {
"flex": 0,
"height": 1,
"width": 311,
},
]
}
width={311}
>
<RNSVGGroup>
<RNSVGGroup
fill={4292072403}
propList={
Array [
"fill",
"stroke",
"strokeWidth",
]
}
stroke={4292072403}
strokeWidth={1}
>
<RNSVGPath
d="M0 0.5h311"
/>
</RNSVGGroup>
</RNSVGGroup>
</RNSVGSvgView>
</View>
</View>
<View
style={
Array [
Object {
"flexDirection": "row",
},
Object {
"width": 300,
},
false,
undefined,
]
}
>
<View
style={
Array [
Object {
"alignItems": "center",
"justifyContent": "center",
},
Object {
"borderColor": "black",
"borderRightWidth": 1,
},
false,
Object {
"height": 20,
"width": 35,
},
undefined,
]
}
/>
<View
style={
Array [
Object {
"justifyContent": "center",
"width": "100%",
},
Object {
"backgroundColor": "transparent",
},
]
}
>
<RNSVGSvgView
bbHeight={1}
bbWidth={311}
config={
Object {
"color": "lightgray",
"dashGap": 8,
"dashWidth": 4,
"thickness": 1,
"type": "solid",
"width": 311,
}
}
focusable={false}
height={1}
style={
Array [
Object {
"backgroundColor": "transparent",
"borderWidth": 0,
},
Object {
"flex": 0,
"height": 1,
"width": 311,
},
]
}
width={311}
>
<RNSVGGroup>
<RNSVGGroup
fill={4292072403}
propList={
Array [
"fill",
"stroke",
"strokeWidth",
]
}
stroke={4292072403}
strokeWidth={1}
>
<RNSVGPath
d="M0 0.5h311"
/>
</RNSVGGroup>
</RNSVGGroup>
</RNSVGSvgView>
</View>
</View>
<View
style={
Array [
Object {
"flexDirection": "row",
},
Object {
"width": 300,
},
false,
undefined,
]
}
>
<View
style={
Array [
Object {
"alignItems": "center",
"justifyContent": "center",
},
Object {
"borderColor": "black",
"borderRightWidth": 1,
},
false,
Object {
"height": 20,
"width": 35,
},
undefined,
]
}
/>
<View
style={
Array [
Object {
"justifyContent": "center",
"width": "100%",
},
Object {
"backgroundColor": "transparent",
},
]
}
>
<RNSVGSvgView
bbHeight={1}
bbWidth={311}
config={
Object {
"color": "lightgray",
"dashGap": 8,
"dashWidth": 4,
"thickness": 1,
"type": "solid",
"width": 311,
}
}
focusable={false}
height={1}
style={
Array [
Object {
"backgroundColor": "transparent",
"borderWidth": 0,
},
Object {
"flex": 0,
"height": 1,
"width": 311,
},
]
}
width={311}
>
<RNSVGGroup>
<RNSVGGroup
fill={4292072403}
propList={
Array [
"fill",
"stroke",
"strokeWidth",
]
}
stroke={4292072403}
strokeWidth={1}
>
<RNSVGPath
d="M0 0.5h311"
/>
</RNSVGGroup>
</RNSVGGroup>
</RNSVGSvgView>
</View>
</View>
<View
style={
Array [
Object {
"flexDirection": "row",
},
Object {
"width": 300,
},
false,
undefined,
]
}
>
<View
style={
Array [
Object {
"alignItems": "center",
"justifyContent": "center",
},
Object {
"borderColor": "black",
"borderRightWidth": 1,
},
false,
Object {
"height": 20,
"width": 35,
},
undefined,
]
}
/>
<View
style={
Array [
Object {
"justifyContent": "center",
"width": "100%",
},
Object {
"backgroundColor": "transparent",
},
]
}
>
<RNSVGSvgView
bbHeight={1}
bbWidth={311}
config={
Object {
"color": "lightgray",
"dashGap": 8,
"dashWidth": 4,
"thickness": 1,
"type": "solid",
"width": 311,
}
}
focusable={false}
height={1}
style={
Array [
Object {
"backgroundColor": "transparent",
"borderWidth": 0,
},
Object {
"flex": 0,
"height": 1,
"width": 311,
},
]
}
width={311}
>
<RNSVGGroup>
<RNSVGGroup
fill={4292072403}
propList={
Array [
"fill",
"stroke",
"strokeWidth",
]
}
stroke={4292072403}
strokeWidth={1}
>
<RNSVGPath
d="M0 0.5h311"
/>
</RNSVGGroup>
</RNSVGGroup>
</RNSVGSvgView>
</View>
</View>
<View
style={
Array [
Object {
"flexDirection": "row",
},
Object {
"width": 300,
},
false,
undefined,
]
}
>
<View
style={
Array [
Object {
"alignItems": "center",
"justifyContent": "center",
},
Object {
"borderColor": "black",
"borderRightWidth": 1,
},
false,
Object {
"height": 20,
"width": 35,
},
undefined,
]
}
/>
<View
style={
Array [
Object {
"justifyContent": "center",
"width": "100%",
},
Object {
"backgroundColor": "transparent",
},
]
}
>
<RNSVGSvgView
bbHeight={1}
bbWidth={311}
config={
Object {
"color": "lightgray",
"dashGap": 8,
"dashWidth": 4,
"thickness": 1,
"type": "solid",
"width": 311,
}
}
focusable={false}
height={1}
style={
Array [
Object {
"backgroundColor": "transparent",
"borderWidth": 0,
},
Object {
"flex": 0,
"height": 1,
"width": 311,
},
]
}
width={311}
>
<RNSVGGroup>
<RNSVGGroup
fill={4292072403}
propList={
Array [
"fill",
"stroke",
"strokeWidth",
]
}
stroke={4292072403}
strokeWidth={1}
>
<RNSVGPath
d="M0 0.5h311"
/>
</RNSVGGroup>
</RNSVGGroup>
</RNSVGSvgView>
</View>
</View>
<View
style={
Array [
Object {
"flexDirection": "row",
},
Object {
"width": 300,
},
false,
undefined,
]
}
>
<View
style={
Array [
Object {
"alignItems": "center",
"justifyContent": "center",
},
Object {
"borderColor": "black",
"borderRightWidth": 1,
},
false,
Object {
"height": 20,
"width": 35,
},
undefined,
]
}
/>
<View
style={
Array [
Object {
"justifyContent": "center",
"width": "100%",
},
Object {
"backgroundColor": "transparent",
},
]
}
>
<RNSVGSvgView
bbHeight={1}
bbWidth={311}
config={
Object {
"color": "lightgray",
"dashGap": 8,
"dashWidth": 4,
"thickness": 1,
"type": "solid",
"width": 311,
}
}
focusable={false}
height={1}
style={
Array [
Object {
"backgroundColor": "transparent",
"borderWidth": 0,
},
Object {
"flex": 0,
"height": 1,
"width": 311,
},
]
}
width={311}
>
<RNSVGGroup>
<RNSVGGroup
fill={4292072403}
propList={
Array [
"fill",
"stroke",
"strokeWidth",
]
}
stroke={4292072403}
strokeWidth={1}
>
<RNSVGPath
d="M0 0.5h311"
/>
</RNSVGGroup>
</RNSVGGroup>
</RNSVGSvgView>
</View>
</View>
<View
style={
Array [
Object {
"flexDirection": "row",
},
Object {
"width": 300,
},
false,
undefined,
]
}
>
<View
style={
Array [
Object {
"alignItems": "center",
"justifyContent": "center",
},
Object {
"borderColor": "black",
"borderRightWidth": 1,
},
false,
Object {
"height": 20,
"width": 35,
},
undefined,
]
}
/>
<View
style={
Array [
Object {
"justifyContent": "center",
"width": "100%",
},
Object {
"backgroundColor": "transparent",
},
]
}
>
<RNSVGSvgView
bbHeight={1}
bbWidth={311}
config={
Object {
"color": "lightgray",
"dashGap": 8,
"dashWidth": 4,
"thickness": 1,
"type": "solid",
"width": 311,
}
}
focusable={false}
height={1}
style={
Array [
Object {
"backgroundColor": "transparent",
"borderWidth": 0,
},
Object {
"flex": 0,
"height": 1,
"width": 311,
},
]
}
width={311}
>
<RNSVGGroup>
<RNSVGGroup
fill={4292072403}
propList={
Array [
"fill",
"stroke",
"strokeWidth",
]
}
stroke={4292072403}
strokeWidth={1}
>
<RNSVGPath
d="M0 0.5h311"
/>
</RNSVGGroup>
</RNSVGGroup>
</RNSVGSvgView>
</View>
</View>
<View
style={
Array [
Object {
"flexDirection": "row",
},
Object {
"width": 300,
},
false,
undefined,
]
}
>
<View
style={
Array [
Object {
"alignItems": "center",
"justifyContent": "center",
},
Object {
"borderColor": "black",
"borderRightWidth": 1,
},
false,
Object {
"height": 20,
"width": 35,
},
undefined,
]
}
/>
<View
style={
Array [
Object {
"justifyContent": "center",
"width": "100%",
},
Object {
"backgroundColor": "transparent",
},
]
}
>
<RNSVGSvgView
bbHeight={1}
bbWidth={311}
config={
Object {
"color": "lightgray",
"dashGap": 8,
"dashWidth": 4,
"thickness": 1,
"type": "solid",
"width": 311,
}
}
focusable={false}
height={1}
style={
Array [
Object {
"backgroundColor": "transparent",
"borderWidth": 0,
},
Object {
"flex": 0,
"height": 1,
"width": 311,
},
]
}
width={311}
>
<RNSVGGroup>
<RNSVGGroup
fill={4292072403}
propList={
Array [
"fill",
"stroke",
"strokeWidth",
]
}
stroke={4292072403}
strokeWidth={1}
>
<RNSVGPath
d="M0 0.5h311"
/>
</RNSVGGroup>
</RNSVGGroup>
</RNSVGSvgView>
</View>
</View>
<View
style={
Array [
Object {
"flexDirection": "row",
},
Object {
"width": 300,
},
false,
undefined,
]
}
>
<View
style={
Array [
Object {
"alignItems": "center",
"justifyContent": "center",
},
Object {
"borderColor": "black",
"borderRightWidth": 1,
},
false,
Object {
"height": 10,
"width": 35,
},
undefined,
]
}
/>
<View
style={
Array [
Object {
"justifyContent": "flex-end",
"width": "100%",
},
Object {
"backgroundColor": "transparent",
},
]
}
>
<RNSVGSvgView
bbHeight={1}
bbWidth={311}
config={
Object {
"color": "black",
"dashGap": 8,
"dashWidth": 4,
"thickness": 1,
"type": "solid",
"width": 311,
}
}
focusable={false}
height={1}
style={
Array [
Object {
"backgroundColor": "transparent",
"borderWidth": 0,
},
Object {
"flex": 0,
"height": 1,
"width": 311,
},
]
}
width={311}
>
<RNSVGGroup>
<RNSVGGroup
fill={4292072403}
propList={
Array [
"fill",
"stroke",
"strokeWidth",
]
}
stroke={4278190080}
strokeWidth={1}
>
<RNSVGPath
d="M0 0.5h311"
/>
</RNSVGGroup>
</RNSVGGroup>
</RNSVGSvgView>
</View>
</View>
<View
style={
Array [
Object {
"flexDirection": "row",
},
Object {
"alignItems": "center",
"justifyContent": "center",
},
Object {
"height": 20,
"position": "absolute",
"top": 0,
"width": 35,
"zIndex": 1,
},
false,
false,
undefined,
]
}
>
<Text
ellipsizeMode="clip"
numberOfLines={1}
style={
Array [
undefined,
false,
false,
]
}
>
50
</Text>
</View>
<View
style={
Array [
Object {
"flexDirection": "row",
},
Object {
"alignItems": "center",
"justifyContent": "center",
},
Object {
"height": 20,
"position": "absolute",
"top": 20,
"width": 35,
"zIndex": 1,
},
false,
false,
undefined,
]
}
>
<Text
ellipsizeMode="clip"
numberOfLines={1}
style={
Array [
undefined,
false,
false,
]
}
>
45
</Text>
</View>
<View
style={
Array [
Object {
"flexDirection": "row",
},
Object {
"alignItems": "center",
"justifyContent": "center",
},
Object {
"height": 20,
"position": "absolute",
"top": 40,
"width": 35,
"zIndex": 1,
},
false,
false,
undefined,
]
}
>
<Text
ellipsizeMode="clip"
numberOfLines={1}
style={
Array [
undefined,
false,
false,
]
}
>
40
</Text>
</View>
<View
style={
Array [
Object {
"flexDirection": "row",
},
Object {
"alignItems": "center",
"justifyContent": "center",
},
Object {
"height": 20,
"position": "absolute",
"top": 60,
"width": 35,
"zIndex": 1,
},
false,
false,
undefined,
]
}
>
<Text
ellipsizeMode="clip"
numberOfLines={1}
style={
Array [
undefined,
false,
false,
]
}
>
35
</Text>
</View>
<View
style={
Array [
Object {
"flexDirection": "row",
},
Object {
"alignItems": "center",
"justifyContent": "center",
},
Object {
"height": 20,
"position": "absolute",
"top": 80,
"width": 35,
"zIndex": 1,
},
false,
false,
undefined,
]
}
>
<Text
ellipsizeMode="clip"
numberOfLines={1}
style={
Array [
undefined,
false,
false,
]
}
>
30
</Text>
</View>
<View
style={
Array [
Object {
"flexDirection": "row",
},
Object {
"alignItems": "center",
"justifyContent": "center",
},
Object {
"height": 20,
"position": "absolute",
"top": 100,
"width": 35,
"zIndex": 1,
},
false,
false,
undefined,
]
}
>
<Text
ellipsizeMode="clip"
numberOfLines={1}
style={
Array [
undefined,
false,
false,
]
}
>
25
</Text>
</View>
<View
style={
Array [
Object {
"flexDirection": "row",
},
Object {
"alignItems": "center",
"justifyContent": "center",
},
Object {
"height": 20,
"position": "absolute",
"top": 120,
"width": 35,
"zIndex": 1,
},
false,
false,
undefined,
]
}
>
<Text
ellipsizeMode="clip"
numberOfLines={1}
style={
Array [
undefined,
false,
false,
]
}
>
20
</Text>
</View>
<View
style={
Array [
Object {
"flexDirection": "row",
},
Object {
"alignItems": "center",
"justifyContent": "center",
},
Object {
"height": 20,
"position": "absolute",
"top": 140,
"width": 35,
"zIndex": 1,
},
false,
false,
undefined,
]
}
>
<Text
ellipsizeMode="clip"
numberOfLines={1}
style={
Array [
undefined,
false,
false,
]
}
>
15
</Text>
</View>
<View
style={
Array [
Object {
"flexDirection": "row",
},
Object {
"alignItems": "center",
"justifyContent": "center",
},
Object {
"height": 20,
"position": "absolute",
"top": 160,
"width": 35,
"zIndex": 1,
},
false,
false,
undefined,
]
}
>
<Text
ellipsizeMode="clip"
numberOfLines={1}
style={
Array [
undefined,
false,
false,
]
}
>
10
</Text>
</View>
<View
style={
Array [
Object {
"flexDirection": "row",
},
Object {
"alignItems": "center",
"justifyContent": "center",
},
Object {
"height": 20,
"position": "absolute",
"top": 180,
"width": 35,
"zIndex": 1,
},
false,
false,
undefined,
]
}
>
<Text
ellipsizeMode="clip"
numberOfLines={1}
style={
Array [
undefined,
false,
false,
]
}
>
5
</Text>
</View>
<View
style={
Array [
Object {
"flexDirection": "row",
},
Object {
"alignItems": "center",
"justifyContent": "center",
},
Object {
"height": 10,
"position": "absolute",
"top": 200,
"width": 35,
"zIndex": 1,
},
false,
false,
undefined,
]
}
>
<Text
ellipsizeMode="clip"
numberOfLines={1}
style={
Array [
undefined,
false,
Object {
"marginBottom": -10,
},
]
}
>
0
</Text>
</View>
<View
style={
Array [
Object {
"flexDirection": "row",
},
Object {
"alignItems": "center",
"justifyContent": "center",
},
Object {
"height": 20,
"position": "absolute",
"top": 0,
"width": 35,
"zIndex": 1,
},
false,
]
}
/>
<View
style={
Array [
Object {
"flexDirection": "row",
},
Object {
"alignItems": "center",
"justifyContent": "center",
},
Object {
"height": 20,
"position": "absolute",
"top": 20,
"width": 35,
"zIndex": 1,
},
false,
]
}
/>
<View
style={
Array [
Object {
"flexDirection": "row",
},
Object {
"alignItems": "center",
"justifyContent": "center",
},
Object {
"height": 20,
"position": "absolute",
"top": 40,
"width": 35,
"zIndex": 1,
},
false,
]
}
/>
<View
style={
Array [
Object {
"flexDirection": "row",
},
Object {
"alignItems": "center",
"justifyContent": "center",
},
Object {
"height": 20,
"position": "absolute",
"top": 60,
"width": 35,
"zIndex": 1,
},
false,
]
}
/>
<View
style={
Array [
Object {
"flexDirection": "row",
},
Object {
"alignItems": "center",
"justifyContent": "center",
},
Object {
"height": 20,
"position": "absolute",
"top": 80,
"width": 35,
"zIndex": 1,
},
false,
]
}
/>
<View
style={
Array [
Object {
"flexDirection": "row",
},
Object {
"alignItems": "center",
"justifyContent": "center",
},
Object {
"height": 20,
"position": "absolute",
"top": 100,
"width": 35,
"zIndex": 1,
},
false,
]
}
/>
<View
style={
Array [
Object {
"flexDirection": "row",
},
Object {
"alignItems": "center",
"justifyContent": "center",
},
Object {
"height": 20,
"position": "absolute",
"top": 120,
"width": 35,
"zIndex": 1,
},
false,
]
}
/>
<View
style={
Array [
Object {
"flexDirection": "row",
},
Object {
"alignItems": "center",
"justifyContent": "center",
},
Object {
"height": 20,
"position": "absolute",
"top": 140,
"width": 35,
"zIndex": 1,
},
false,
]
}
/>
<View
style={
Array [
Object {
"flexDirection": "row",
},
Object {
"alignItems": "center",
"justifyContent": "center",
},
Object {
"height": 20,
"position": "absolute",
"top": 160,
"width": 35,
"zIndex": 1,
},
false,
]
}
/>
<View
style={
Array [
Object {
"flexDirection": "row",
},
Object {
"alignItems": "center",
"justifyContent": "center",
},
Object {
"height": 20,
"position": "absolute",
"top": 180,
"width": 35,
"zIndex": 1,
},
false,
]
}
/>
<View
style={
Array [
Object {
"flexDirection": "row",
},
Object {
"alignItems": "center",
"justifyContent": "center",
},
Object {
"height": 10,
"position": "absolute",
"top": 200,
"width": 35,
"zIndex": 1,
},
false,
]
}
/>
<RCTScrollView
contentContainerStyle={
Array [
Object {
"alignItems": "flex-end",
"height": 330,
"paddingBottom": 0,
"paddingLeft": 40,
},
false,
]
}
horizontal={true}
keyExtractor={[Function]}
onContentSizeChange={[Function]}
onTouchStart={[Function]}
scrollEnabled={true}
showsHorizontalScrollIndicator={false}
style={
Array [
Object {
"bottom": -69,
"marginLeft": 35,
"position": "absolute",
},
Object {
"width": 289,
},
false,
]
}
>
<View>
<View
style={
Object {
"backgroundColor": "lightgray",
"bottom": 60,
"height": 214,
"left": 40,
"marginBottom": 1,
"position": "absolute",
"width": 1,
"zIndex": -1,
}
}
/>
<View
style={
Object {
"backgroundColor": "lightgray",
"bottom": 60,
"height": 214,
"left": 80,
"marginBottom": 1,
"position": "absolute",
"width": 1,
"zIndex": -1,
}
}
/>
<View
style={
Object {
"backgroundColor": "lightgray",
"bottom": 60,
"height": 214,
"left": 120,
"marginBottom": 1,
"position": "absolute",
"width": 1,
"zIndex": -1,
}
}
/>
<View
style={
Object {
"backgroundColor": "lightgray",
"bottom": 60,
"height": 214,
"left": 160,
"marginBottom": 1,
"position": "absolute",
"width": 1,
"zIndex": -1,
}
}
/>
<View
style={
Object {
"backgroundColor": "lightgray",
"bottom": 60,
"height": 214,
"left": 200,
"marginBottom": 1,
"position": "absolute",
"width": 1,
"zIndex": -1,
}
}
/>
<View
style={
Object {
"backgroundColor": "lightgray",
"bottom": 60,
"height": 214,
"left": 240,
"marginBottom": 1,
"position": "absolute",
"width": 1,
"zIndex": -1,
}
}
/>
<View
style={
Object {
"backgroundColor": "lightgray",
"bottom": 60,
"height": 214,
"left": 280,
"marginBottom": 1,
"position": "absolute",
"width": 1,
"zIndex": -1,
}
}
/>
<View
accessible={true}
collapsable={false}
focusable={true}
onClick={[Function]}
onResponderGrant={[Function]}
onResponderMove={[Function]}
onResponderRelease={[Function]}
onResponderTerminate={[Function]}
onResponderTerminationRequest={[Function]}
onStartShouldSetResponder={[Function]}
style={
Object {
"height": 60,
"marginBottom": 60,
"marginRight": 20,
"opacity": 1,
"width": 30,
"zIndex": 4,
}
}
>
<View
style={
Object {
"bottom": 0,
"height": 60,
"position": "absolute",
"width": "100%",
}
}
>
<View
style={
Array [
Object {
"height": 60,
"width": "100%",
},
undefined,
]
}
>
<View
style={
Array [
Object {
"backgroundColor": "black",
"borderRadius": 0,
"height": "100%",
"position": "absolute",
"width": "100%",
},
false,
undefined,
false,
]
}
/>
</View>
</View>
<View
style={
Array [
Object {
"bottom": -25,
"left": -6,
"position": "absolute",
"width": 40,
},
Object {},
]
}
>
<Text
numberOfLines={1}
style={
Object {
"textAlign": "center",
}
}
>
Jan
</Text>
</View>
</View>
<View
accessible={true}
collapsable={false}
focusable={true}
onClick={[Function]}
onResponderGrant={[Function]}
onResponderMove={[Function]}
onResponderRelease={[Function]}
onResponderTerminate={[Function]}
onResponderTerminationRequest={[Function]}
onStartShouldSetResponder={[Function]}
style={
Object {
"height": 160,
"marginBottom": 60,
"marginRight": 20,
"opacity": 1,
"width": 30,
"zIndex": 3,
}
}
>
<View
style={
Object {
"bottom": 0,
"height": 160,
"position": "absolute",
"width": "100%",
}
}
>
<View
style={
Array [
Object {
"height": 160,
"width": "100%",
},
undefined,
]
}
>
<View
style={
Array [
Object {
"backgroundColor": "black",
"borderRadius": 0,
"height": "100%",
"position": "absolute",
"width": "100%",
},
false,
undefined,
false,
]
}
/>
</View>
</View>
<View
style={
Array [
Object {
"bottom": -25,
"left": -6,
"position": "absolute",
"width": 40,
},
Object {},
]
}
>
<Text
numberOfLines={1}
style={
Object {
"textAlign": "center",
}
}
>
Feb
</Text>
</View>
</View>
<View
accessible={true}
collapsable={false}
focusable={true}
onClick={[Function]}
onResponderGrant={[Function]}
onResponderMove={[Function]}
onResponderRelease={[Function]}
onResponderTerminate={[Function]}
onResponderTerminationRequest={[Function]}
onStartShouldSetResponder={[Function]}
style={
Object {
"height": 40,
"marginBottom": 60,
"marginRight": 20,
"opacity": 1,
"width": 30,
"zIndex": 2,
}
}
>
<View
style={
Object {
"bottom": 0,
"height": 40,
"position": "absolute",
"width": "100%",
}
}
>
<View
style={
Array [
Object {
"height": 40,
"width": "100%",
},
undefined,
]
}
>
<View
style={
Array [
Object {
"backgroundColor": "black",
"borderRadius": 0,
"height": "100%",
"position": "absolute",
"width": "100%",
},
false,
undefined,
false,
]
}
/>
</View>
</View>
<View
style={
Array [
Object {
"bottom": -25,
"left": -6,
"position": "absolute",
"width": 40,
},
Object {},
]
}
>
<Text
numberOfLines={1}
style={
Object {
"textAlign": "center",
}
}
>
Mar
</Text>
</View>
</View>
<View
accessible={true}
collapsable={false}
focusable={true}
onClick={[Function]}
onResponderGrant={[Function]}
onResponderMove={[Function]}
onResponderRelease={[Function]}
onResponderTerminate={[Function]}
onResponderTerminationRequest={[Function]}
onStartShouldSetResponder={[Function]}
style={
Object {
"height": 120,
"marginBottom": 60,
"marginRight": 20,
"opacity": 1,
"width": 30,
"zIndex": 1,
}
}
>
<View
style={
Object {
"bottom": 0,
"height": 120,
"position": "absolute",
"width": "100%",
}
}
>
<View
style={
Array [
Object {
"height": 120,
"width": "100%",
},
undefined,
]
}
>
<View
style={
Array [
Object {
"backgroundColor": "black",
"borderRadius": 0,
"height": "100%",
"position": "absolute",
"width": "100%",
},
false,
undefined,
false,
]
}
/>
</View>
</View>
<View
style={
Array [
Object {
"bottom": -25,
"left": -6,
"position": "absolute",
"width": 40,
},
Object {},
]
}
>
<Text
numberOfLines={1}
style={
Object {
"textAlign": "center",
}
}
>
Apr
</Text>
</View>
</View>
</View>
</RCTScrollView>
</View>
</View>
`;
exports[`renders a simple bar chart with vertical lines correctly 1`] = `
<View>
<View
style={
Array [
Object {
"marginBottom": 40,
"marginRight": 40,
"width": "100%",
},
Object {
"height": 200,
},
false,
undefined,
false,
]
}
>
<View
style={
Array [
Object {
"flexDirection": "row",
},
Object {
"width": 325,
},
false,
undefined,
]
}
>
<View
style={
Array [
Object {
"alignItems": "center",
"justifyContent": "center",
},
Object {
"borderColor": "black",
"borderRightWidth": 0,
},
false,
Object {
"height": 66.66666666666667,
"width": 35,
},
undefined,
]
}
/>
<View
style={
Array [
Object {
"justifyContent": "center",
"width": "100%",
},
Object {
"backgroundColor": "transparent",
},
]
}
>
<RNSVGSvgView
bbHeight={1}
bbWidth={325}
config={
Object {
"color": "lightgray",
"dashGap": 8,
"dashWidth": 4,
"thickness": 1,
"type": "line",
"width": 325,
}
}
focusable={false}
height={1}
style={
Array [
Object {
"backgroundColor": "transparent",
"borderWidth": 0,
},
Object {
"flex": 0,
"height": 1,
"width": 325,
},
]
}
width={325}
>
<RNSVGGroup>
<RNSVGGroup
fill={4292072403}
propList={
Array [
"fill",
"stroke",
"strokeWidth",
]
}
stroke={4292072403}
strokeWidth={1}
>
<RNSVGPath
d="M0 0.5h325"
propList={
Array [
"strokeDasharray",
]
}
strokeDasharray={
Array [
"4",
"8",
]
}
/>
</RNSVGGroup>
</RNSVGGroup>
</RNSVGSvgView>
</View>
</View>
<View
style={
Array [
Object {
"flexDirection": "row",
},
Object {
"width": 325,
},
false,
undefined,
]
}
>
<View
style={
Array [
Object {
"alignItems": "center",
"justifyContent": "center",
},
Object {
"borderColor": "black",
"borderRightWidth": 0,
},
false,
Object {
"height": 66.66666666666667,
"width": 35,
},
undefined,
]
}
/>
<View
style={
Array [
Object {
"justifyContent": "center",
"width": "100%",
},
Object {
"backgroundColor": "transparent",
},
]
}
>
<RNSVGSvgView
bbHeight={1}
bbWidth={325}
config={
Object {
"color": "lightgray",
"dashGap": 8,
"dashWidth": 4,
"thickness": 1,
"type": "line",
"width": 325,
}
}
focusable={false}
height={1}
style={
Array [
Object {
"backgroundColor": "transparent",
"borderWidth": 0,
},
Object {
"flex": 0,
"height": 1,
"width": 325,
},
]
}
width={325}
>
<RNSVGGroup>
<RNSVGGroup
fill={4292072403}
propList={
Array [
"fill",
"stroke",
"strokeWidth",
]
}
stroke={4292072403}
strokeWidth={1}
>
<RNSVGPath
d="M0 0.5h325"
propList={
Array [
"strokeDasharray",
]
}
strokeDasharray={
Array [
"4",
"8",
]
}
/>
</RNSVGGroup>
</RNSVGGroup>
</RNSVGSvgView>
</View>
</View>
<View
style={
Array [
Object {
"flexDirection": "row",
},
Object {
"width": 325,
},
false,
undefined,
]
}
>
<View
style={
Array [
Object {
"alignItems": "center",
"justifyContent": "center",
},
Object {
"borderColor": "black",
"borderRightWidth": 0,
},
false,
Object {
"height": 66.66666666666667,
"width": 35,
},
undefined,
]
}
/>
<View
style={
Array [
Object {
"justifyContent": "center",
"width": "100%",
},
Object {
"backgroundColor": "transparent",
},
]
}
>
<RNSVGSvgView
bbHeight={1}
bbWidth={325}
config={
Object {
"color": "lightgray",
"dashGap": 8,
"dashWidth": 4,
"thickness": 1,
"type": "line",
"width": 325,
}
}
focusable={false}
height={1}
style={
Array [
Object {
"backgroundColor": "transparent",
"borderWidth": 0,
},
Object {
"flex": 0,
"height": 1,
"width": 325,
},
]
}
width={325}
>
<RNSVGGroup>
<RNSVGGroup
fill={4292072403}
propList={
Array [
"fill",
"stroke",
"strokeWidth",
]
}
stroke={4292072403}
strokeWidth={1}
>
<RNSVGPath
d="M0 0.5h325"
propList={
Array [
"strokeDasharray",
]
}
strokeDasharray={
Array [
"4",
"8",
]
}
/>
</RNSVGGroup>
</RNSVGGroup>
</RNSVGSvgView>
</View>
</View>
<View
style={
Array [
Object {
"flexDirection": "row",
},
Object {
"width": 325,
},
false,
undefined,
]
}
>
<View
style={
Array [
Object {
"alignItems": "center",
"justifyContent": "center",
},
Object {
"borderColor": "black",
"borderRightWidth": 0,
},
false,
Object {
"height": 33.333333333333336,
"width": 35,
},
undefined,
]
}
/>
<View
style={
Array [
Object {
"justifyContent": "flex-end",
"width": "100%",
},
Object {
"backgroundColor": "transparent",
},
]
}
>
<RNSVGSvgView
bbHeight={0}
bbWidth={325}
config={
Object {
"color": "black",
"dashGap": 8,
"dashWidth": 4,
"thickness": 0,
"type": "solid",
"width": 325,
}
}
focusable={false}
height={0}
style={
Object {
"backgroundColor": "transparent",
"borderWidth": 0,
}
}
width={325}
>
<RNSVGGroup>
<RNSVGGroup
fill={4292072403}
propList={
Array [
"fill",
"stroke",
"strokeWidth",
]
}
stroke={4278190080}
strokeWidth={0}
>
<RNSVGPath
d="M0 0h325"
/>
</RNSVGGroup>
</RNSVGGroup>
</RNSVGSvgView>
</View>
</View>
<View
style={
Array [
Object {
"flexDirection": "row",
},
Object {
"alignItems": "center",
"justifyContent": "center",
},
Object {
"height": 66.66666666666667,
"position": "absolute",
"top": 0,
"width": 35,
"zIndex": 1,
},
false,
false,
undefined,
]
}
>
<Text
ellipsizeMode="clip"
numberOfLines={1}
style={
Array [
undefined,
false,
false,
]
}
>
750
</Text>
</View>
<View
style={
Array [
Object {
"flexDirection": "row",
},
Object {
"alignItems": "center",
"justifyContent": "center",
},
Object {
"height": 66.66666666666667,
"position": "absolute",
"top": 66.66666666666667,
"width": 35,
"zIndex": 1,
},
false,
false,
undefined,
]
}
>
<Text
ellipsizeMode="clip"
numberOfLines={1}
style={
Array [
undefined,
false,
false,
]
}
>
500
</Text>
</View>
<View
style={
Array [
Object {
"flexDirection": "row",
},
Object {
"alignItems": "center",
"justifyContent": "center",
},
Object {
"height": 66.66666666666667,
"position": "absolute",
"top": 133.33333333333334,
"width": 35,
"zIndex": 1,
},
false,
false,
undefined,
]
}
>
<Text
ellipsizeMode="clip"
numberOfLines={1}
style={
Array [
undefined,
false,
false,
]
}
>
250
</Text>
</View>
<View
style={
Array [
Object {
"flexDirection": "row",
},
Object {
"alignItems": "center",
"justifyContent": "center",
},
Object {
"height": 33.333333333333336,
"position": "absolute",
"top": 200,
"width": 35,
"zIndex": 1,
},
false,
false,
undefined,
]
}
>
<Text
ellipsizeMode="clip"
numberOfLines={1}
style={
Array [
undefined,
false,
Object {
"marginBottom": -33.333333333333336,
},
]
}
>
0
</Text>
</View>
<View
style={
Array [
Object {
"flexDirection": "row",
},
Object {
"alignItems": "center",
"justifyContent": "center",
},
Object {
"height": 66.66666666666667,
"position": "absolute",
"top": 0,
"width": 35,
"zIndex": 1,
},
false,
]
}
/>
<View
style={
Array [
Object {
"flexDirection": "row",
},
Object {
"alignItems": "center",
"justifyContent": "center",
},
Object {
"height": 66.66666666666667,
"position": "absolute",
"top": 66.66666666666667,
"width": 35,
"zIndex": 1,
},
false,
]
}
/>
<View
style={
Array [
Object {
"flexDirection": "row",
},
Object {
"alignItems": "center",
"justifyContent": "center",
},
Object {
"height": 66.66666666666667,
"position": "absolute",
"top": 133.33333333333334,
"width": 35,
"zIndex": 1,
},
false,
]
}
/>
<View
style={
Array [
Object {
"flexDirection": "row",
},
Object {
"alignItems": "center",
"justifyContent": "center",
},
Object {
"height": 33.333333333333336,
"position": "absolute",
"top": 200,
"width": 35,
"zIndex": 1,
},
false,
]
}
/>
<RCTScrollView
contentContainerStyle={
Array [
Object {
"alignItems": "flex-end",
"height": 330,
"paddingBottom": 0,
"paddingLeft": 40,
},
Object {
"width": 314,
},
]
}
horizontal={true}
keyExtractor={[Function]}
onContentSizeChange={[Function]}
onTouchStart={[Function]}
scrollEnabled={true}
showsHorizontalScrollIndicator={false}
style={
Array [
Object {
"bottom": -93.33333333333334,
"marginLeft": 35,
"position": "absolute",
},
undefined,
false,
]
}
>
<View>
<View
style={
Object {
"backgroundColor": "lightgray",
"bottom": 60,
"height": 215,
"left": 51,
"marginBottom": 0,
"position": "absolute",
"width": 1,
"zIndex": -1,
}
}
/>
<View
style={
Object {
"backgroundColor": "lightgray",
"bottom": 60,
"height": 215,
"left": 93,
"marginBottom": 0,
"position": "absolute",
"width": 1,
"zIndex": -1,
}
}
/>
<View
style={
Object {
"backgroundColor": "lightgray",
"bottom": 60,
"height": 215,
"left": 135,
"marginBottom": 0,
"position": "absolute",
"width": 1,
"zIndex": -1,
}
}
/>
<View
style={
Object {
"backgroundColor": "lightgray",
"bottom": 60,
"height": 215,
"left": 177,
"marginBottom": 0,
"position": "absolute",
"width": 1,
"zIndex": -1,
}
}
/>
<View
style={
Object {
"backgroundColor": "lightgray",
"bottom": 60,
"height": 215,
"left": 219,
"marginBottom": 0,
"position": "absolute",
"width": 1,
"zIndex": -1,
}
}
/>
<View
style={
Object {
"backgroundColor": "lightgray",
"bottom": 60,
"height": 215,
"left": 261,
"marginBottom": 0,
"position": "absolute",
"width": 1,
"zIndex": -1,
}
}
/>
<View
style={
Object {
"backgroundColor": "lightgray",
"bottom": 60,
"height": 215,
"left": 303,
"marginBottom": 0,
"position": "absolute",
"width": 1,
"zIndex": -1,
}
}
/>
<View
accessible={true}
collapsable={false}
focusable={true}
onClick={[Function]}
onResponderGrant={[Function]}
onResponderMove={[Function]}
onResponderRelease={[Function]}
onResponderTerminate={[Function]}
onResponderTerminationRequest={[Function]}
onStartShouldSetResponder={[Function]}
style={
Object {
"height": 66.66666666666667,
"marginBottom": 60,
"marginRight": 20,
"opacity": 1,
"width": 22,
"zIndex": 7,
}
}
>
<View
style={
Object {
"bottom": 0,
"height": 66.66666666666667,
"position": "absolute",
"width": "100%",
}
}
>
<View
style={
Array [
Object {
"height": 66.66666666666667,
"width": "100%",
},
undefined,
]
}
>
<View
style={
Array [
Object {
"backgroundColor": "lightgray",
"borderRadius": 4,
"height": "100%",
"position": "absolute",
"width": "100%",
},
false,
undefined,
false,
]
}
/>
</View>
</View>
<View
style={
Array [
Object {
"bottom": -25,
"left": -6,
"position": "absolute",
"width": 32,
},
Object {},
]
}
>
<Text
numberOfLines={1}
style={
Object {
"textAlign": "center",
}
}
>
M
</Text>
</View>
</View>
<View
accessible={true}
collapsable={false}
focusable={true}
onClick={[Function]}
onResponderGrant={[Function]}
onResponderMove={[Function]}
onResponderRelease={[Function]}
onResponderTerminate={[Function]}
onResponderTerminationRequest={[Function]}
onStartShouldSetResponder={[Function]}
style={
Object {
"height": 133.33333333333334,
"marginBottom": 60,
"marginRight": 20,
"opacity": 1,
"width": 22,
"zIndex": 6,
}
}
>
<View
style={
Object {
"bottom": 0,
"height": 133.33333333333334,
"position": "absolute",
"width": "100%",
}
}
>
<View
style={
Array [
Object {
"height": 133.33333333333334,
"width": "100%",
},
undefined,
]
}
>
<View
style={
Array [
Object {
"backgroundColor": "#177AD5",
"borderRadius": 4,
"height": "100%",
"position": "absolute",
"width": "100%",
},
false,
undefined,
false,
]
}
/>
</View>
</View>
<View
style={
Array [
Object {
"bottom": -25,
"left": -6,
"position": "absolute",
"width": 32,
},
Object {},
]
}
>
<Text
numberOfLines={1}
style={
Object {
"textAlign": "center",
}
}
>
T
</Text>
</View>
</View>
<View
accessible={true}
collapsable={false}
focusable={true}
onClick={[Function]}
onResponderGrant={[Function]}
onResponderMove={[Function]}
onResponderRelease={[Function]}
onResponderTerminate={[Function]}
onResponderTerminationRequest={[Function]}
onStartShouldSetResponder={[Function]}
style={
Object {
"height": 198.66666666666666,
"marginBottom": 60,
"marginRight": 20,
"opacity": 1,
"width": 22,
"zIndex": 5,
}
}
>
<View
style={
Object {
"bottom": 0,
"height": 198.66666666666666,
"position": "absolute",
"width": "100%",
}
}
>
<View
style={
Array [
Object {
"height": 198.66666666666666,
"width": "100%",
},
undefined,
]
}
>
<View
style={
Array [
Object {
"backgroundColor": "#177AD5",
"borderRadius": 4,
"height": "100%",
"position": "absolute",
"width": "100%",
},
false,
undefined,
false,
]
}
/>
</View>
</View>
<View
style={
Array [
Object {
"bottom": -25,
"left": -6,
"position": "absolute",
"width": 32,
},
Object {},
]
}
>
<Text
numberOfLines={1}
style={
Object {
"textAlign": "center",
}
}
>
W
</Text>
</View>
</View>
<View
accessible={true}
collapsable={false}
focusable={true}
onClick={[Function]}
onResponderGrant={[Function]}
onResponderMove={[Function]}
onResponderRelease={[Function]}
onResponderTerminate={[Function]}
onResponderTerminationRequest={[Function]}
onStartShouldSetResponder={[Function]}
style={
Object {
"height": 85.33333333333333,
"marginBottom": 60,
"marginRight": 20,
"opacity": 1,
"width": 22,
"zIndex": 4,
}
}
>
<View
style={
Object {
"bottom": 0,
"height": 85.33333333333333,
"position": "absolute",
"width": "100%",
}
}
>
<View
style={
Array [
Object {
"height": 85.33333333333333,
"width": "100%",
},
undefined,
]
}
>
<View
style={
Array [
Object {
"backgroundColor": "lightgray",
"borderRadius": 4,
"height": "100%",
"position": "absolute",
"width": "100%",
},
false,
undefined,
false,
]
}
/>
</View>
</View>
<View
style={
Array [
Object {
"bottom": -25,
"left": -6,
"position": "absolute",
"width": 32,
},
Object {},
]
}
>
<Text
numberOfLines={1}
style={
Object {
"textAlign": "center",
}
}
>
T
</Text>
</View>
</View>
<View
accessible={true}
collapsable={false}
focusable={true}
onClick={[Function]}
onResponderGrant={[Function]}
onResponderMove={[Function]}
onResponderRelease={[Function]}
onResponderTerminate={[Function]}
onResponderTerminationRequest={[Function]}
onStartShouldSetResponder={[Function]}
style={
Object {
"height": 160,
"marginBottom": 60,
"marginRight": 20,
"opacity": 1,
"width": 22,
"zIndex": 3,
}
}
>
<View
style={
Object {
"bottom": 0,
"height": 160,
"position": "absolute",
"width": "100%",
}
}
>
<View
style={
Array [
Object {
"height": 160,
"width": "100%",
},
undefined,
]
}
>
<View
style={
Array [
Object {
"backgroundColor": "#177AD5",
"borderRadius": 4,
"height": "100%",
"position": "absolute",
"width": "100%",
},
false,
undefined,
false,
]
}
/>
</View>
</View>
<View
style={
Array [
Object {
"bottom": -25,
"left": -6,
"position": "absolute",
"width": 32,
},
Object {},
]
}
>
<Text
numberOfLines={1}
style={
Object {
"textAlign": "center",
}
}
>
F
</Text>
</View>
</View>
<View
accessible={true}
collapsable={false}
focusable={true}
onClick={[Function]}
onResponderGrant={[Function]}
onResponderMove={[Function]}
onResponderRelease={[Function]}
onResponderTerminate={[Function]}
onResponderTerminationRequest={[Function]}
onStartShouldSetResponder={[Function]}
style={
Object {
"height": 68.26666666666667,
"marginBottom": 60,
"marginRight": 20,
"opacity": 1,
"width": 22,
"zIndex": 2,
}
}
>
<View
style={
Object {
"bottom": 0,
"height": 68.26666666666667,
"position": "absolute",
"width": "100%",
}
}
>
<View
style={
Array [
Object {
"height": 68.26666666666667,
"width": "100%",
},
undefined,
]
}
>
<View
style={
Array [
Object {
"backgroundColor": "lightgray",
"borderRadius": 4,
"height": "100%",
"position": "absolute",
"width": "100%",
},
false,
undefined,
false,
]
}
/>
</View>
</View>
<View
style={
Array [
Object {
"bottom": -25,
"left": -6,
"position": "absolute",
"width": 32,
},
Object {},
]
}
>
<Text
numberOfLines={1}
style={
Object {
"textAlign": "center",
}
}
>
S
</Text>
</View>
</View>
<View
accessible={true}
collapsable={false}
focusable={true}
onClick={[Function]}
onResponderGrant={[Function]}
onResponderMove={[Function]}
onResponderRelease={[Function]}
onResponderTerminate={[Function]}
onResponderTerminationRequest={[Function]}
onStartShouldSetResponder={[Function]}
style={
Object {
"height": 80,
"marginBottom": 60,
"marginRight": 20,
"opacity": 1,
"width": 22,
"zIndex": 1,
}
}
>
<View
style={
Object {
"bottom": 0,
"height": 80,
"position": "absolute",
"width": "100%",
}
}
>
<View
style={
Array [
Object {
"height": 80,
"width": "100%",
},
undefined,
]
}
>
<View
style={
Array [
Object {
"backgroundColor": "lightgray",
"borderRadius": 4,
"height": "100%",
"position": "absolute",
"width": "100%",
},
false,
undefined,
false,
]
}
/>
</View>
</View>
<View
style={
Array [
Object {
"bottom": -25,
"left": -6,
"position": "absolute",
"width": 32,
},
Object {},
]
}
>
<Text
numberOfLines={1}
style={
Object {
"textAlign": "center",
}
}
>
S
</Text>
</View>
</View>
</View>
</RCTScrollView>
</View>
</View>
`;
exports[`renders alternate blue and gray bar chart correctly 1`] = `
<View>
<View
style={
Array [
Object {
"marginBottom": 40,
"marginRight": 40,
"width": "100%",
},
Object {
"height": 200,
},
false,
undefined,
false,
]
}
>
<View
style={
Array [
Object {
"flexDirection": "row",
},
Object {
"width": 325,
},
false,
undefined,
]
}
>
<View
style={
Array [
Object {
"alignItems": "center",
"justifyContent": "center",
},
Object {
"borderColor": "black",
"borderRightWidth": 0,
},
false,
Object {
"height": 66.66666666666667,
"width": 35,
},
undefined,
]
}
/>
<View
style={
Array [
Object {
"justifyContent": "center",
"width": "100%",
},
Object {
"backgroundColor": "transparent",
},
]
}
>
<RNSVGSvgView
bbHeight={1}
bbWidth={325}
config={
Object {
"color": "lightgray",
"dashGap": 8,
"dashWidth": 4,
"thickness": 1,
"type": "line",
"width": 325,
}
}
focusable={false}
height={1}
style={
Array [
Object {
"backgroundColor": "transparent",
"borderWidth": 0,
},
Object {
"flex": 0,
"height": 1,
"width": 325,
},
]
}
width={325}
>
<RNSVGGroup>
<RNSVGGroup
fill={4292072403}
propList={
Array [
"fill",
"stroke",
"strokeWidth",
]
}
stroke={4292072403}
strokeWidth={1}
>
<RNSVGPath
d="M0 0.5h325"
propList={
Array [
"strokeDasharray",
]
}
strokeDasharray={
Array [
"4",
"8",
]
}
/>
</RNSVGGroup>
</RNSVGGroup>
</RNSVGSvgView>
</View>
</View>
<View
style={
Array [
Object {
"flexDirection": "row",
},
Object {
"width": 325,
},
false,
undefined,
]
}
>
<View
style={
Array [
Object {
"alignItems": "center",
"justifyContent": "center",
},
Object {
"borderColor": "black",
"borderRightWidth": 0,
},
false,
Object {
"height": 66.66666666666667,
"width": 35,
},
undefined,
]
}
/>
<View
style={
Array [
Object {
"justifyContent": "center",
"width": "100%",
},
Object {
"backgroundColor": "transparent",
},
]
}
>
<RNSVGSvgView
bbHeight={1}
bbWidth={325}
config={
Object {
"color": "lightgray",
"dashGap": 8,
"dashWidth": 4,
"thickness": 1,
"type": "line",
"width": 325,
}
}
focusable={false}
height={1}
style={
Array [
Object {
"backgroundColor": "transparent",
"borderWidth": 0,
},
Object {
"flex": 0,
"height": 1,
"width": 325,
},
]
}
width={325}
>
<RNSVGGroup>
<RNSVGGroup
fill={4292072403}
propList={
Array [
"fill",
"stroke",
"strokeWidth",
]
}
stroke={4292072403}
strokeWidth={1}
>
<RNSVGPath
d="M0 0.5h325"
propList={
Array [
"strokeDasharray",
]
}
strokeDasharray={
Array [
"4",
"8",
]
}
/>
</RNSVGGroup>
</RNSVGGroup>
</RNSVGSvgView>
</View>
</View>
<View
style={
Array [
Object {
"flexDirection": "row",
},
Object {
"width": 325,
},
false,
undefined,
]
}
>
<View
style={
Array [
Object {
"alignItems": "center",
"justifyContent": "center",
},
Object {
"borderColor": "black",
"borderRightWidth": 0,
},
false,
Object {
"height": 66.66666666666667,
"width": 35,
},
undefined,
]
}
/>
<View
style={
Array [
Object {
"justifyContent": "center",
"width": "100%",
},
Object {
"backgroundColor": "transparent",
},
]
}
>
<RNSVGSvgView
bbHeight={1}
bbWidth={325}
config={
Object {
"color": "lightgray",
"dashGap": 8,
"dashWidth": 4,
"thickness": 1,
"type": "line",
"width": 325,
}
}
focusable={false}
height={1}
style={
Array [
Object {
"backgroundColor": "transparent",
"borderWidth": 0,
},
Object {
"flex": 0,
"height": 1,
"width": 325,
},
]
}
width={325}
>
<RNSVGGroup>
<RNSVGGroup
fill={4292072403}
propList={
Array [
"fill",
"stroke",
"strokeWidth",
]
}
stroke={4292072403}
strokeWidth={1}
>
<RNSVGPath
d="M0 0.5h325"
propList={
Array [
"strokeDasharray",
]
}
strokeDasharray={
Array [
"4",
"8",
]
}
/>
</RNSVGGroup>
</RNSVGGroup>
</RNSVGSvgView>
</View>
</View>
<View
style={
Array [
Object {
"flexDirection": "row",
},
Object {
"width": 325,
},
false,
undefined,
]
}
>
<View
style={
Array [
Object {
"alignItems": "center",
"justifyContent": "center",
},
Object {
"borderColor": "black",
"borderRightWidth": 0,
},
false,
Object {
"height": 33.333333333333336,
"width": 35,
},
undefined,
]
}
/>
<View
style={
Array [
Object {
"justifyContent": "flex-end",
"width": "100%",
},
Object {
"backgroundColor": "transparent",
},
]
}
>
<RNSVGSvgView
bbHeight={0}
bbWidth={325}
config={
Object {
"color": "black",
"dashGap": 8,
"dashWidth": 4,
"thickness": 0,
"type": "solid",
"width": 325,
}
}
focusable={false}
height={0}
style={
Object {
"backgroundColor": "transparent",
"borderWidth": 0,
}
}
width={325}
>
<RNSVGGroup>
<RNSVGGroup
fill={4292072403}
propList={
Array [
"fill",
"stroke",
"strokeWidth",
]
}
stroke={4278190080}
strokeWidth={0}
>
<RNSVGPath
d="M0 0h325"
/>
</RNSVGGroup>
</RNSVGGroup>
</RNSVGSvgView>
</View>
</View>
<View
style={
Array [
Object {
"flexDirection": "row",
},
Object {
"alignItems": "center",
"justifyContent": "center",
},
Object {
"height": 66.66666666666667,
"position": "absolute",
"top": 0,
"width": 35,
"zIndex": 1,
},
false,
false,
undefined,
]
}
>
<Text
ellipsizeMode="clip"
numberOfLines={1}
style={
Array [
undefined,
false,
false,
]
}
>
750
</Text>
</View>
<View
style={
Array [
Object {
"flexDirection": "row",
},
Object {
"alignItems": "center",
"justifyContent": "center",
},
Object {
"height": 66.66666666666667,
"position": "absolute",
"top": 66.66666666666667,
"width": 35,
"zIndex": 1,
},
false,
false,
undefined,
]
}
>
<Text
ellipsizeMode="clip"
numberOfLines={1}
style={
Array [
undefined,
false,
false,
]
}
>
500
</Text>
</View>
<View
style={
Array [
Object {
"flexDirection": "row",
},
Object {
"alignItems": "center",
"justifyContent": "center",
},
Object {
"height": 66.66666666666667,
"position": "absolute",
"top": 133.33333333333334,
"width": 35,
"zIndex": 1,
},
false,
false,
undefined,
]
}
>
<Text
ellipsizeMode="clip"
numberOfLines={1}
style={
Array [
undefined,
false,
false,
]
}
>
250
</Text>
</View>
<View
style={
Array [
Object {
"flexDirection": "row",
},
Object {
"alignItems": "center",
"justifyContent": "center",
},
Object {
"height": 33.333333333333336,
"position": "absolute",
"top": 200,
"width": 35,
"zIndex": 1,
},
false,
false,
undefined,
]
}
>
<Text
ellipsizeMode="clip"
numberOfLines={1}
style={
Array [
undefined,
false,
Object {
"marginBottom": -33.333333333333336,
},
]
}
>
0
</Text>
</View>
<View
style={
Array [
Object {
"flexDirection": "row",
},
Object {
"alignItems": "center",
"justifyContent": "center",
},
Object {
"height": 66.66666666666667,
"position": "absolute",
"top": 0,
"width": 35,
"zIndex": 1,
},
false,
]
}
/>
<View
style={
Array [
Object {
"flexDirection": "row",
},
Object {
"alignItems": "center",
"justifyContent": "center",
},
Object {
"height": 66.66666666666667,
"position": "absolute",
"top": 66.66666666666667,
"width": 35,
"zIndex": 1,
},
false,
]
}
/>
<View
style={
Array [
Object {
"flexDirection": "row",
},
Object {
"alignItems": "center",
"justifyContent": "center",
},
Object {
"height": 66.66666666666667,
"position": "absolute",
"top": 133.33333333333334,
"width": 35,
"zIndex": 1,
},
false,
]
}
/>
<View
style={
Array [
Object {
"flexDirection": "row",
},
Object {
"alignItems": "center",
"justifyContent": "center",
},
Object {
"height": 33.333333333333336,
"position": "absolute",
"top": 200,
"width": 35,
"zIndex": 1,
},
false,
]
}
/>
<RCTScrollView
contentContainerStyle={
Array [
Object {
"alignItems": "flex-end",
"height": 330,
"paddingBottom": 0,
"paddingLeft": 40,
},
Object {
"width": 314,
},
]
}
horizontal={true}
keyExtractor={[Function]}
onContentSizeChange={[Function]}
onTouchStart={[Function]}
scrollEnabled={true}
showsHorizontalScrollIndicator={false}
style={
Array [
Object {
"bottom": -93.33333333333334,
"marginLeft": 35,
"position": "absolute",
},
undefined,
false,
]
}
>
<View>
<View
accessible={true}
collapsable={false}
focusable={true}
onClick={[Function]}
onResponderGrant={[Function]}
onResponderMove={[Function]}
onResponderRelease={[Function]}
onResponderTerminate={[Function]}
onResponderTerminationRequest={[Function]}
onStartShouldSetResponder={[Function]}
style={
Object {
"height": 66.66666666666667,
"marginBottom": 60,
"marginRight": 20,
"opacity": 1,
"width": 22,
"zIndex": 7,
}
}
>
<View
style={
Object {
"bottom": 0,
"height": 66.66666666666667,
"position": "absolute",
"width": "100%",
}
}
>
<View
style={
Array [
Object {
"height": 66.66666666666667,
"width": "100%",
},
undefined,
]
}
>
<View
style={
Array [
Object {
"backgroundColor": "lightgray",
"borderRadius": 4,
"height": "100%",
"position": "absolute",
"width": "100%",
},
false,
undefined,
false,
]
}
/>
</View>
</View>
<View
style={
Array [
Object {
"bottom": -25,
"left": -6,
"position": "absolute",
"width": 32,
},
Object {},
]
}
>
<Text
numberOfLines={1}
style={
Object {
"textAlign": "center",
}
}
>
M
</Text>
</View>
</View>
<View
accessible={true}
collapsable={false}
focusable={true}
onClick={[Function]}
onResponderGrant={[Function]}
onResponderMove={[Function]}
onResponderRelease={[Function]}
onResponderTerminate={[Function]}
onResponderTerminationRequest={[Function]}
onStartShouldSetResponder={[Function]}
style={
Object {
"height": 133.33333333333334,
"marginBottom": 60,
"marginRight": 20,
"opacity": 1,
"width": 22,
"zIndex": 6,
}
}
>
<View
style={
Object {
"bottom": 0,
"height": 133.33333333333334,
"position": "absolute",
"width": "100%",
}
}
>
<View
style={
Array [
Object {
"height": 133.33333333333334,
"width": "100%",
},
undefined,
]
}
>
<View
style={
Array [
Object {
"backgroundColor": "#177AD5",
"borderRadius": 4,
"height": "100%",
"position": "absolute",
"width": "100%",
},
false,
undefined,
false,
]
}
/>
</View>
</View>
<View
style={
Array [
Object {
"bottom": -25,
"left": -6,
"position": "absolute",
"width": 32,
},
Object {},
]
}
>
<Text
numberOfLines={1}
style={
Object {
"textAlign": "center",
}
}
>
T
</Text>
</View>
</View>
<View
accessible={true}
collapsable={false}
focusable={true}
onClick={[Function]}
onResponderGrant={[Function]}
onResponderMove={[Function]}
onResponderRelease={[Function]}
onResponderTerminate={[Function]}
onResponderTerminationRequest={[Function]}
onStartShouldSetResponder={[Function]}
style={
Object {
"height": 198.66666666666666,
"marginBottom": 60,
"marginRight": 20,
"opacity": 1,
"width": 22,
"zIndex": 5,
}
}
>
<View
style={
Object {
"bottom": 0,
"height": 198.66666666666666,
"position": "absolute",
"width": "100%",
}
}
>
<View
style={
Array [
Object {
"height": 198.66666666666666,
"width": "100%",
},
undefined,
]
}
>
<View
style={
Array [
Object {
"backgroundColor": "#177AD5",
"borderRadius": 4,
"height": "100%",
"position": "absolute",
"width": "100%",
},
false,
undefined,
false,
]
}
/>
</View>
</View>
<View
style={
Array [
Object {
"bottom": -25,
"left": -6,
"position": "absolute",
"width": 32,
},
Object {},
]
}
>
<Text
numberOfLines={1}
style={
Object {
"textAlign": "center",
}
}
>
W
</Text>
</View>
</View>
<View
accessible={true}
collapsable={false}
focusable={true}
onClick={[Function]}
onResponderGrant={[Function]}
onResponderMove={[Function]}
onResponderRelease={[Function]}
onResponderTerminate={[Function]}
onResponderTerminationRequest={[Function]}
onStartShouldSetResponder={[Function]}
style={
Object {
"height": 85.33333333333333,
"marginBottom": 60,
"marginRight": 20,
"opacity": 1,
"width": 22,
"zIndex": 4,
}
}
>
<View
style={
Object {
"bottom": 0,
"height": 85.33333333333333,
"position": "absolute",
"width": "100%",
}
}
>
<View
style={
Array [
Object {
"height": 85.33333333333333,
"width": "100%",
},
undefined,
]
}
>
<View
style={
Array [
Object {
"backgroundColor": "lightgray",
"borderRadius": 4,
"height": "100%",
"position": "absolute",
"width": "100%",
},
false,
undefined,
false,
]
}
/>
</View>
</View>
<View
style={
Array [
Object {
"bottom": -25,
"left": -6,
"position": "absolute",
"width": 32,
},
Object {},
]
}
>
<Text
numberOfLines={1}
style={
Object {
"textAlign": "center",
}
}
>
T
</Text>
</View>
</View>
<View
accessible={true}
collapsable={false}
focusable={true}
onClick={[Function]}
onResponderGrant={[Function]}
onResponderMove={[Function]}
onResponderRelease={[Function]}
onResponderTerminate={[Function]}
onResponderTerminationRequest={[Function]}
onStartShouldSetResponder={[Function]}
style={
Object {
"height": 160,
"marginBottom": 60,
"marginRight": 20,
"opacity": 1,
"width": 22,
"zIndex": 3,
}
}
>
<View
style={
Object {
"bottom": 0,
"height": 160,
"position": "absolute",
"width": "100%",
}
}
>
<View
style={
Array [
Object {
"height": 160,
"width": "100%",
},
undefined,
]
}
>
<View
style={
Array [
Object {
"backgroundColor": "#177AD5",
"borderRadius": 4,
"height": "100%",
"position": "absolute",
"width": "100%",
},
false,
undefined,
false,
]
}
/>
</View>
</View>
<View
style={
Array [
Object {
"bottom": -25,
"left": -6,
"position": "absolute",
"width": 32,
},
Object {},
]
}
>
<Text
numberOfLines={1}
style={
Object {
"textAlign": "center",
}
}
>
F
</Text>
</View>
</View>
<View
accessible={true}
collapsable={false}
focusable={true}
onClick={[Function]}
onResponderGrant={[Function]}
onResponderMove={[Function]}
onResponderRelease={[Function]}
onResponderTerminate={[Function]}
onResponderTerminationRequest={[Function]}
onStartShouldSetResponder={[Function]}
style={
Object {
"height": 68.26666666666667,
"marginBottom": 60,
"marginRight": 20,
"opacity": 1,
"width": 22,
"zIndex": 2,
}
}
>
<View
style={
Object {
"bottom": 0,
"height": 68.26666666666667,
"position": "absolute",
"width": "100%",
}
}
>
<View
style={
Array [
Object {
"height": 68.26666666666667,
"width": "100%",
},
undefined,
]
}
>
<View
style={
Array [
Object {
"backgroundColor": "lightgray",
"borderRadius": 4,
"height": "100%",
"position": "absolute",
"width": "100%",
},
false,
undefined,
false,
]
}
/>
</View>
</View>
<View
style={
Array [
Object {
"bottom": -25,
"left": -6,
"position": "absolute",
"width": 32,
},
Object {},
]
}
>
<Text
numberOfLines={1}
style={
Object {
"textAlign": "center",
}
}
>
S
</Text>
</View>
</View>
<View
accessible={true}
collapsable={false}
focusable={true}
onClick={[Function]}
onResponderGrant={[Function]}
onResponderMove={[Function]}
onResponderRelease={[Function]}
onResponderTerminate={[Function]}
onResponderTerminationRequest={[Function]}
onStartShouldSetResponder={[Function]}
style={
Object {
"height": 80,
"marginBottom": 60,
"marginRight": 20,
"opacity": 1,
"width": 22,
"zIndex": 1,
}
}
>
<View
style={
Object {
"bottom": 0,
"height": 80,
"position": "absolute",
"width": "100%",
}
}
>
<View
style={
Array [
Object {
"height": 80,
"width": "100%",
},
undefined,
]
}
>
<View
style={
Array [
Object {
"backgroundColor": "lightgray",
"borderRadius": 4,
"height": "100%",
"position": "absolute",
"width": "100%",
},
false,
undefined,
false,
]
}
/>
</View>
</View>
<View
style={
Array [
Object {
"bottom": -25,
"left": -6,
"position": "absolute",
"width": 32,
},
Object {},
]
}
>
<Text
numberOfLines={1}
style={
Object {
"textAlign": "center",
}
}
>
S
</Text>
</View>
</View>
</View>
</RCTScrollView>
</View>
</View>
`;
exports[`renders capped bar chart correctly 1`] = `
<View>
<View
style={
Array [
Object {
"marginBottom": 40,
"marginRight": 40,
"width": "100%",
},
Object {
"height": 200,
},
false,
undefined,
false,
]
}
>
<View
style={
Array [
Object {
"flexDirection": "row",
},
Object {
"width": 251,
},
false,
undefined,
]
}
>
<View
style={
Array [
Object {
"alignItems": "center",
"justifyContent": "center",
},
Object {
"borderColor": "black",
"borderRightWidth": 1,
},
false,
Object {
"height": 20,
"width": 35,
},
undefined,
]
}
/>
<View
style={
Array [
Object {
"justifyContent": "center",
"width": "100%",
},
Object {
"backgroundColor": "transparent",
},
]
}
>
<RNSVGSvgView
bbHeight={1}
bbWidth={251}
config={
Object {
"color": "lightgray",
"dashGap": 8,
"dashWidth": 4,
"thickness": 1,
"type": "line",
"width": 251,
}
}
focusable={false}
height={1}
style={
Array [
Object {
"backgroundColor": "transparent",
"borderWidth": 0,
},
Object {
"flex": 0,
"height": 1,
"width": 251,
},
]
}
width={251}
>
<RNSVGGroup>
<RNSVGGroup
fill={4292072403}
propList={
Array [
"fill",
"stroke",
"strokeWidth",
]
}
stroke={4292072403}
strokeWidth={1}
>
<RNSVGPath
d="M0 0.5h251"
propList={
Array [
"strokeDasharray",
]
}
strokeDasharray={
Array [
"4",
"8",
]
}
/>
</RNSVGGroup>
</RNSVGGroup>
</RNSVGSvgView>
</View>
</View>
<View
style={
Array [
Object {
"flexDirection": "row",
},
Object {
"width": 251,
},
false,
undefined,
]
}
>
<View
style={
Array [
Object {
"alignItems": "center",
"justifyContent": "center",
},
Object {
"borderColor": "black",
"borderRightWidth": 1,
},
false,
Object {
"height": 20,
"width": 35,
},
undefined,
]
}
/>
<View
style={
Array [
Object {
"justifyContent": "center",
"width": "100%",
},
Object {
"backgroundColor": "transparent",
},
]
}
>
<RNSVGSvgView
bbHeight={1}
bbWidth={251}
config={
Object {
"color": "lightgray",
"dashGap": 8,
"dashWidth": 4,
"thickness": 1,
"type": "line",
"width": 251,
}
}
focusable={false}
height={1}
style={
Array [
Object {
"backgroundColor": "transparent",
"borderWidth": 0,
},
Object {
"flex": 0,
"height": 1,
"width": 251,
},
]
}
width={251}
>
<RNSVGGroup>
<RNSVGGroup
fill={4292072403}
propList={
Array [
"fill",
"stroke",
"strokeWidth",
]
}
stroke={4292072403}
strokeWidth={1}
>
<RNSVGPath
d="M0 0.5h251"
propList={
Array [
"strokeDasharray",
]
}
strokeDasharray={
Array [
"4",
"8",
]
}
/>
</RNSVGGroup>
</RNSVGGroup>
</RNSVGSvgView>
</View>
</View>
<View
style={
Array [
Object {
"flexDirection": "row",
},
Object {
"width": 251,
},
false,
undefined,
]
}
>
<View
style={
Array [
Object {
"alignItems": "center",
"justifyContent": "center",
},
Object {
"borderColor": "black",
"borderRightWidth": 1,
},
false,
Object {
"height": 20,
"width": 35,
},
undefined,
]
}
/>
<View
style={
Array [
Object {
"justifyContent": "center",
"width": "100%",
},
Object {
"backgroundColor": "transparent",
},
]
}
>
<RNSVGSvgView
bbHeight={1}
bbWidth={251}
config={
Object {
"color": "lightgray",
"dashGap": 8,
"dashWidth": 4,
"thickness": 1,
"type": "line",
"width": 251,
}
}
focusable={false}
height={1}
style={
Array [
Object {
"backgroundColor": "transparent",
"borderWidth": 0,
},
Object {
"flex": 0,
"height": 1,
"width": 251,
},
]
}
width={251}
>
<RNSVGGroup>
<RNSVGGroup
fill={4292072403}
propList={
Array [
"fill",
"stroke",
"strokeWidth",
]
}
stroke={4292072403}
strokeWidth={1}
>
<RNSVGPath
d="M0 0.5h251"
propList={
Array [
"strokeDasharray",
]
}
strokeDasharray={
Array [
"4",
"8",
]
}
/>
</RNSVGGroup>
</RNSVGGroup>
</RNSVGSvgView>
</View>
</View>
<View
style={
Array [
Object {
"flexDirection": "row",
},
Object {
"width": 251,
},
false,
undefined,
]
}
>
<View
style={
Array [
Object {
"alignItems": "center",
"justifyContent": "center",
},
Object {
"borderColor": "black",
"borderRightWidth": 1,
},
false,
Object {
"height": 20,
"width": 35,
},
undefined,
]
}
/>
<View
style={
Array [
Object {
"justifyContent": "center",
"width": "100%",
},
Object {
"backgroundColor": "transparent",
},
]
}
>
<RNSVGSvgView
bbHeight={1}
bbWidth={251}
config={
Object {
"color": "lightgray",
"dashGap": 8,
"dashWidth": 4,
"thickness": 1,
"type": "line",
"width": 251,
}
}
focusable={false}
height={1}
style={
Array [
Object {
"backgroundColor": "transparent",
"borderWidth": 0,
},
Object {
"flex": 0,
"height": 1,
"width": 251,
},
]
}
width={251}
>
<RNSVGGroup>
<RNSVGGroup
fill={4292072403}
propList={
Array [
"fill",
"stroke",
"strokeWidth",
]
}
stroke={4292072403}
strokeWidth={1}
>
<RNSVGPath
d="M0 0.5h251"
propList={
Array [
"strokeDasharray",
]
}
strokeDasharray={
Array [
"4",
"8",
]
}
/>
</RNSVGGroup>
</RNSVGGroup>
</RNSVGSvgView>
</View>
</View>
<View
style={
Array [
Object {
"flexDirection": "row",
},
Object {
"width": 251,
},
false,
undefined,
]
}
>
<View
style={
Array [
Object {
"alignItems": "center",
"justifyContent": "center",
},
Object {
"borderColor": "black",
"borderRightWidth": 1,
},
false,
Object {
"height": 20,
"width": 35,
},
undefined,
]
}
/>
<View
style={
Array [
Object {
"justifyContent": "center",
"width": "100%",
},
Object {
"backgroundColor": "transparent",
},
]
}
>
<RNSVGSvgView
bbHeight={1}
bbWidth={251}
config={
Object {
"color": "lightgray",
"dashGap": 8,
"dashWidth": 4,
"thickness": 1,
"type": "line",
"width": 251,
}
}
focusable={false}
height={1}
style={
Array [
Object {
"backgroundColor": "transparent",
"borderWidth": 0,
},
Object {
"flex": 0,
"height": 1,
"width": 251,
},
]
}
width={251}
>
<RNSVGGroup>
<RNSVGGroup
fill={4292072403}
propList={
Array [
"fill",
"stroke",
"strokeWidth",
]
}
stroke={4292072403}
strokeWidth={1}
>
<RNSVGPath
d="M0 0.5h251"
propList={
Array [
"strokeDasharray",
]
}
strokeDasharray={
Array [
"4",
"8",
]
}
/>
</RNSVGGroup>
</RNSVGGroup>
</RNSVGSvgView>
</View>
</View>
<View
style={
Array [
Object {
"flexDirection": "row",
},
Object {
"width": 251,
},
false,
undefined,
]
}
>
<View
style={
Array [
Object {
"alignItems": "center",
"justifyContent": "center",
},
Object {
"borderColor": "black",
"borderRightWidth": 1,
},
false,
Object {
"height": 20,
"width": 35,
},
undefined,
]
}
/>
<View
style={
Array [
Object {
"justifyContent": "center",
"width": "100%",
},
Object {
"backgroundColor": "transparent",
},
]
}
>
<RNSVGSvgView
bbHeight={1}
bbWidth={251}
config={
Object {
"color": "lightgray",
"dashGap": 8,
"dashWidth": 4,
"thickness": 1,
"type": "line",
"width": 251,
}
}
focusable={false}
height={1}
style={
Array [
Object {
"backgroundColor": "transparent",
"borderWidth": 0,
},
Object {
"flex": 0,
"height": 1,
"width": 251,
},
]
}
width={251}
>
<RNSVGGroup>
<RNSVGGroup
fill={4292072403}
propList={
Array [
"fill",
"stroke",
"strokeWidth",
]
}
stroke={4292072403}
strokeWidth={1}
>
<RNSVGPath
d="M0 0.5h251"
propList={
Array [
"strokeDasharray",
]
}
strokeDasharray={
Array [
"4",
"8",
]
}
/>
</RNSVGGroup>
</RNSVGGroup>
</RNSVGSvgView>
</View>
</View>
<View
style={
Array [
Object {
"flexDirection": "row",
},
Object {
"width": 251,
},
false,
undefined,
]
}
>
<View
style={
Array [
Object {
"alignItems": "center",
"justifyContent": "center",
},
Object {
"borderColor": "black",
"borderRightWidth": 1,
},
false,
Object {
"height": 20,
"width": 35,
},
undefined,
]
}
/>
<View
style={
Array [
Object {
"justifyContent": "center",
"width": "100%",
},
Object {
"backgroundColor": "transparent",
},
]
}
>
<RNSVGSvgView
bbHeight={1}
bbWidth={251}
config={
Object {
"color": "lightgray",
"dashGap": 8,
"dashWidth": 4,
"thickness": 1,
"type": "line",
"width": 251,
}
}
focusable={false}
height={1}
style={
Array [
Object {
"backgroundColor": "transparent",
"borderWidth": 0,
},
Object {
"flex": 0,
"height": 1,
"width": 251,
},
]
}
width={251}
>
<RNSVGGroup>
<RNSVGGroup
fill={4292072403}
propList={
Array [
"fill",
"stroke",
"strokeWidth",
]
}
stroke={4292072403}
strokeWidth={1}
>
<RNSVGPath
d="M0 0.5h251"
propList={
Array [
"strokeDasharray",
]
}
strokeDasharray={
Array [
"4",
"8",
]
}
/>
</RNSVGGroup>
</RNSVGGroup>
</RNSVGSvgView>
</View>
</View>
<View
style={
Array [
Object {
"flexDirection": "row",
},
Object {
"width": 251,
},
false,
undefined,
]
}
>
<View
style={
Array [
Object {
"alignItems": "center",
"justifyContent": "center",
},
Object {
"borderColor": "black",
"borderRightWidth": 1,
},
false,
Object {
"height": 20,
"width": 35,
},
undefined,
]
}
/>
<View
style={
Array [
Object {
"justifyContent": "center",
"width": "100%",
},
Object {
"backgroundColor": "transparent",
},
]
}
>
<RNSVGSvgView
bbHeight={1}
bbWidth={251}
config={
Object {
"color": "lightgray",
"dashGap": 8,
"dashWidth": 4,
"thickness": 1,
"type": "line",
"width": 251,
}
}
focusable={false}
height={1}
style={
Array [
Object {
"backgroundColor": "transparent",
"borderWidth": 0,
},
Object {
"flex": 0,
"height": 1,
"width": 251,
},
]
}
width={251}
>
<RNSVGGroup>
<RNSVGGroup
fill={4292072403}
propList={
Array [
"fill",
"stroke",
"strokeWidth",
]
}
stroke={4292072403}
strokeWidth={1}
>
<RNSVGPath
d="M0 0.5h251"
propList={
Array [
"strokeDasharray",
]
}
strokeDasharray={
Array [
"4",
"8",
]
}
/>
</RNSVGGroup>
</RNSVGGroup>
</RNSVGSvgView>
</View>
</View>
<View
style={
Array [
Object {
"flexDirection": "row",
},
Object {
"width": 251,
},
false,
undefined,
]
}
>
<View
style={
Array [
Object {
"alignItems": "center",
"justifyContent": "center",
},
Object {
"borderColor": "black",
"borderRightWidth": 1,
},
false,
Object {
"height": 20,
"width": 35,
},
undefined,
]
}
/>
<View
style={
Array [
Object {
"justifyContent": "center",
"width": "100%",
},
Object {
"backgroundColor": "transparent",
},
]
}
>
<RNSVGSvgView
bbHeight={1}
bbWidth={251}
config={
Object {
"color": "lightgray",
"dashGap": 8,
"dashWidth": 4,
"thickness": 1,
"type": "line",
"width": 251,
}
}
focusable={false}
height={1}
style={
Array [
Object {
"backgroundColor": "transparent",
"borderWidth": 0,
},
Object {
"flex": 0,
"height": 1,
"width": 251,
},
]
}
width={251}
>
<RNSVGGroup>
<RNSVGGroup
fill={4292072403}
propList={
Array [
"fill",
"stroke",
"strokeWidth",
]
}
stroke={4292072403}
strokeWidth={1}
>
<RNSVGPath
d="M0 0.5h251"
propList={
Array [
"strokeDasharray",
]
}
strokeDasharray={
Array [
"4",
"8",
]
}
/>
</RNSVGGroup>
</RNSVGGroup>
</RNSVGSvgView>
</View>
</View>
<View
style={
Array [
Object {
"flexDirection": "row",
},
Object {
"width": 251,
},
false,
undefined,
]
}
>
<View
style={
Array [
Object {
"alignItems": "center",
"justifyContent": "center",
},
Object {
"borderColor": "black",
"borderRightWidth": 1,
},
false,
Object {
"height": 20,
"width": 35,
},
undefined,
]
}
/>
<View
style={
Array [
Object {
"justifyContent": "center",
"width": "100%",
},
Object {
"backgroundColor": "transparent",
},
]
}
>
<RNSVGSvgView
bbHeight={1}
bbWidth={251}
config={
Object {
"color": "lightgray",
"dashGap": 8,
"dashWidth": 4,
"thickness": 1,
"type": "line",
"width": 251,
}
}
focusable={false}
height={1}
style={
Array [
Object {
"backgroundColor": "transparent",
"borderWidth": 0,
},
Object {
"flex": 0,
"height": 1,
"width": 251,
},
]
}
width={251}
>
<RNSVGGroup>
<RNSVGGroup
fill={4292072403}
propList={
Array [
"fill",
"stroke",
"strokeWidth",
]
}
stroke={4292072403}
strokeWidth={1}
>
<RNSVGPath
d="M0 0.5h251"
propList={
Array [
"strokeDasharray",
]
}
strokeDasharray={
Array [
"4",
"8",
]
}
/>
</RNSVGGroup>
</RNSVGGroup>
</RNSVGSvgView>
</View>
</View>
<View
style={
Array [
Object {
"flexDirection": "row",
},
Object {
"width": 251,
},
false,
undefined,
]
}
>
<View
style={
Array [
Object {
"alignItems": "center",
"justifyContent": "center",
},
Object {
"borderColor": "black",
"borderRightWidth": 1,
},
false,
Object {
"height": 10,
"width": 35,
},
undefined,
]
}
/>
<View
style={
Array [
Object {
"justifyContent": "flex-end",
"width": "100%",
},
Object {
"backgroundColor": "transparent",
},
]
}
>
<RNSVGSvgView
bbHeight={1}
bbWidth={251}
config={
Object {
"color": "black",
"dashGap": 8,
"dashWidth": 4,
"thickness": 1,
"type": "solid",
"width": 251,
}
}
focusable={false}
height={1}
style={
Array [
Object {
"backgroundColor": "transparent",
"borderWidth": 0,
},
Object {
"flex": 0,
"height": 1,
"width": 251,
},
]
}
width={251}
>
<RNSVGGroup>
<RNSVGGroup
fill={4292072403}
propList={
Array [
"fill",
"stroke",
"strokeWidth",
]
}
stroke={4278190080}
strokeWidth={1}
>
<RNSVGPath
d="M0 0.5h251"
/>
</RNSVGGroup>
</RNSVGGroup>
</RNSVGSvgView>
</View>
</View>
<View
style={
Array [
Object {
"flexDirection": "row",
},
Object {
"alignItems": "center",
"justifyContent": "center",
},
Object {
"height": 20,
"position": "absolute",
"top": 0,
"width": 35,
"zIndex": 1,
},
false,
false,
undefined,
]
}
>
<Text
ellipsizeMode="clip"
numberOfLines={1}
style={
Array [
undefined,
false,
false,
]
}
>
50
</Text>
</View>
<View
style={
Array [
Object {
"flexDirection": "row",
},
Object {
"alignItems": "center",
"justifyContent": "center",
},
Object {
"height": 20,
"position": "absolute",
"top": 20,
"width": 35,
"zIndex": 1,
},
false,
false,
undefined,
]
}
>
<Text
ellipsizeMode="clip"
numberOfLines={1}
style={
Array [
undefined,
false,
false,
]
}
>
45
</Text>
</View>
<View
style={
Array [
Object {
"flexDirection": "row",
},
Object {
"alignItems": "center",
"justifyContent": "center",
},
Object {
"height": 20,
"position": "absolute",
"top": 40,
"width": 35,
"zIndex": 1,
},
false,
false,
undefined,
]
}
>
<Text
ellipsizeMode="clip"
numberOfLines={1}
style={
Array [
undefined,
false,
false,
]
}
>
40
</Text>
</View>
<View
style={
Array [
Object {
"flexDirection": "row",
},
Object {
"alignItems": "center",
"justifyContent": "center",
},
Object {
"height": 20,
"position": "absolute",
"top": 60,
"width": 35,
"zIndex": 1,
},
false,
false,
undefined,
]
}
>
<Text
ellipsizeMode="clip"
numberOfLines={1}
style={
Array [
undefined,
false,
false,
]
}
>
35
</Text>
</View>
<View
style={
Array [
Object {
"flexDirection": "row",
},
Object {
"alignItems": "center",
"justifyContent": "center",
},
Object {
"height": 20,
"position": "absolute",
"top": 80,
"width": 35,
"zIndex": 1,
},
false,
false,
undefined,
]
}
>
<Text
ellipsizeMode="clip"
numberOfLines={1}
style={
Array [
undefined,
false,
false,
]
}
>
30
</Text>
</View>
<View
style={
Array [
Object {
"flexDirection": "row",
},
Object {
"alignItems": "center",
"justifyContent": "center",
},
Object {
"height": 20,
"position": "absolute",
"top": 100,
"width": 35,
"zIndex": 1,
},
false,
false,
undefined,
]
}
>
<Text
ellipsizeMode="clip"
numberOfLines={1}
style={
Array [
undefined,
false,
false,
]
}
>
25
</Text>
</View>
<View
style={
Array [
Object {
"flexDirection": "row",
},
Object {
"alignItems": "center",
"justifyContent": "center",
},
Object {
"height": 20,
"position": "absolute",
"top": 120,
"width": 35,
"zIndex": 1,
},
false,
false,
undefined,
]
}
>
<Text
ellipsizeMode="clip"
numberOfLines={1}
style={
Array [
undefined,
false,
false,
]
}
>
20
</Text>
</View>
<View
style={
Array [
Object {
"flexDirection": "row",
},
Object {
"alignItems": "center",
"justifyContent": "center",
},
Object {
"height": 20,
"position": "absolute",
"top": 140,
"width": 35,
"zIndex": 1,
},
false,
false,
undefined,
]
}
>
<Text
ellipsizeMode="clip"
numberOfLines={1}
style={
Array [
undefined,
false,
false,
]
}
>
15
</Text>
</View>
<View
style={
Array [
Object {
"flexDirection": "row",
},
Object {
"alignItems": "center",
"justifyContent": "center",
},
Object {
"height": 20,
"position": "absolute",
"top": 160,
"width": 35,
"zIndex": 1,
},
false,
false,
undefined,
]
}
>
<Text
ellipsizeMode="clip"
numberOfLines={1}
style={
Array [
undefined,
false,
false,
]
}
>
10
</Text>
</View>
<View
style={
Array [
Object {
"flexDirection": "row",
},
Object {
"alignItems": "center",
"justifyContent": "center",
},
Object {
"height": 20,
"position": "absolute",
"top": 180,
"width": 35,
"zIndex": 1,
},
false,
false,
undefined,
]
}
>
<Text
ellipsizeMode="clip"
numberOfLines={1}
style={
Array [
undefined,
false,
false,
]
}
>
5
</Text>
</View>
<View
style={
Array [
Object {
"flexDirection": "row",
},
Object {
"alignItems": "center",
"justifyContent": "center",
},
Object {
"height": 10,
"position": "absolute",
"top": 200,
"width": 35,
"zIndex": 1,
},
false,
false,
undefined,
]
}
>
<Text
ellipsizeMode="clip"
numberOfLines={1}
style={
Array [
undefined,
false,
Object {
"marginBottom": -10,
},
]
}
>
0
</Text>
</View>
<View
style={
Array [
Object {
"flexDirection": "row",
},
Object {
"alignItems": "center",
"justifyContent": "center",
},
Object {
"height": 20,
"position": "absolute",
"top": 0,
"width": 35,
"zIndex": 1,
},
false,
]
}
/>
<View
style={
Array [
Object {
"flexDirection": "row",
},
Object {
"alignItems": "center",
"justifyContent": "center",
},
Object {
"height": 20,
"position": "absolute",
"top": 20,
"width": 35,
"zIndex": 1,
},
false,
]
}
/>
<View
style={
Array [
Object {
"flexDirection": "row",
},
Object {
"alignItems": "center",
"justifyContent": "center",
},
Object {
"height": 20,
"position": "absolute",
"top": 40,
"width": 35,
"zIndex": 1,
},
false,
]
}
/>
<View
style={
Array [
Object {
"flexDirection": "row",
},
Object {
"alignItems": "center",
"justifyContent": "center",
},
Object {
"height": 20,
"position": "absolute",
"top": 60,
"width": 35,
"zIndex": 1,
},
false,
]
}
/>
<View
style={
Array [
Object {
"flexDirection": "row",
},
Object {
"alignItems": "center",
"justifyContent": "center",
},
Object {
"height": 20,
"position": "absolute",
"top": 80,
"width": 35,
"zIndex": 1,
},
false,
]
}
/>
<View
style={
Array [
Object {
"flexDirection": "row",
},
Object {
"alignItems": "center",
"justifyContent": "center",
},
Object {
"height": 20,
"position": "absolute",
"top": 100,
"width": 35,
"zIndex": 1,
},
false,
]
}
/>
<View
style={
Array [
Object {
"flexDirection": "row",
},
Object {
"alignItems": "center",
"justifyContent": "center",
},
Object {
"height": 20,
"position": "absolute",
"top": 120,
"width": 35,
"zIndex": 1,
},
false,
]
}
/>
<View
style={
Array [
Object {
"flexDirection": "row",
},
Object {
"alignItems": "center",
"justifyContent": "center",
},
Object {
"height": 20,
"position": "absolute",
"top": 140,
"width": 35,
"zIndex": 1,
},
false,
]
}
/>
<View
style={
Array [
Object {
"flexDirection": "row",
},
Object {
"alignItems": "center",
"justifyContent": "center",
},
Object {
"height": 20,
"position": "absolute",
"top": 160,
"width": 35,
"zIndex": 1,
},
false,
]
}
/>
<View
style={
Array [
Object {
"flexDirection": "row",
},
Object {
"alignItems": "center",
"justifyContent": "center",
},
Object {
"height": 20,
"position": "absolute",
"top": 180,
"width": 35,
"zIndex": 1,
},
false,
]
}
/>
<View
style={
Array [
Object {
"flexDirection": "row",
},
Object {
"alignItems": "center",
"justifyContent": "center",
},
Object {
"height": 10,
"position": "absolute",
"top": 200,
"width": 35,
"zIndex": 1,
},
false,
]
}
/>
<RCTScrollView
contentContainerStyle={
Array [
Object {
"alignItems": "flex-end",
"height": 330,
"paddingBottom": 0,
"paddingLeft": 40,
},
Object {
"width": 240,
},
]
}
horizontal={true}
keyExtractor={[Function]}
onContentSizeChange={[Function]}
onTouchStart={[Function]}
scrollEnabled={true}
showsHorizontalScrollIndicator={false}
style={
Array [
Object {
"bottom": -69,
"marginLeft": 35,
"position": "absolute",
},
undefined,
false,
]
}
>
<View>
<View
accessible={true}
collapsable={false}
focusable={true}
onClick={[Function]}
onResponderGrant={[Function]}
onResponderMove={[Function]}
onResponderRelease={[Function]}
onResponderTerminate={[Function]}
onResponderTerminationRequest={[Function]}
onStartShouldSetResponder={[Function]}
style={
Object {
"height": 60,
"marginBottom": 60,
"marginRight": 20,
"opacity": 1,
"width": 35,
"zIndex": 4,
}
}
>
<BVLinearGradient
colors={
Array [
3435685108,
870037241,
]
}
endPoint={
Object {
"x": 0,
"y": 1,
}
}
locations={null}
startPoint={
Object {
"x": 0,
"y": 0,
}
}
style={
Array [
Object {
"borderRadius": 0,
"height": "100%",
"position": "absolute",
"width": "100%",
},
undefined,
Object {
"borderTopLeftRadius": 0,
"borderTopRightRadius": 0,
},
undefined,
]
}
>
<View
style={
Object {
"backgroundColor": "rgb(78, 0, 142)",
"borderTopLeftRadius": 0,
"borderTopRightRadius": 0,
"height": 4,
"position": "absolute",
"width": "100%",
}
}
/>
</BVLinearGradient>
<View
style={
Array [
Object {
"bottom": -25,
"left": -6,
"position": "absolute",
"width": 45,
},
Object {},
]
}
>
<Text
numberOfLines={1}
style={
Object {
"textAlign": "center",
}
}
>
Jan
</Text>
</View>
</View>
<View
accessible={true}
collapsable={false}
focusable={true}
onClick={[Function]}
onResponderGrant={[Function]}
onResponderMove={[Function]}
onResponderRelease={[Function]}
onResponderTerminate={[Function]}
onResponderTerminationRequest={[Function]}
onStartShouldSetResponder={[Function]}
style={
Object {
"height": 160,
"marginBottom": 60,
"marginRight": 20,
"opacity": 1,
"width": 35,
"zIndex": 3,
}
}
>
<BVLinearGradient
colors={
Array [
3435685108,
870037241,
]
}
endPoint={
Object {
"x": 0,
"y": 1,
}
}
locations={null}
startPoint={
Object {
"x": 0,
"y": 0,
}
}
style={
Array [
Object {
"borderRadius": 0,
"height": "100%",
"position": "absolute",
"width": "100%",
},
undefined,
Object {
"borderTopLeftRadius": 0,
"borderTopRightRadius": 0,
},
undefined,
]
}
>
<View
style={
Object {
"backgroundColor": "rgb(78, 0, 142)",
"borderTopLeftRadius": 0,
"borderTopRightRadius": 0,
"height": 4,
"position": "absolute",
"width": "100%",
}
}
/>
</BVLinearGradient>
<View
style={
Array [
Object {
"bottom": -25,
"left": -6,
"position": "absolute",
"width": 45,
},
Object {},
]
}
>
<Text
numberOfLines={1}
style={
Object {
"textAlign": "center",
}
}
>
Feb
</Text>
</View>
</View>
<View
accessible={true}
collapsable={false}
focusable={true}
onClick={[Function]}
onResponderGrant={[Function]}
onResponderMove={[Function]}
onResponderRelease={[Function]}
onResponderTerminate={[Function]}
onResponderTerminationRequest={[Function]}
onStartShouldSetResponder={[Function]}
style={
Object {
"height": 40,
"marginBottom": 60,
"marginRight": 20,
"opacity": 1,
"width": 35,
"zIndex": 2,
}
}
>
<BVLinearGradient
colors={
Array [
3435685108,
870037241,
]
}
endPoint={
Object {
"x": 0,
"y": 1,
}
}
locations={null}
startPoint={
Object {
"x": 0,
"y": 0,
}
}
style={
Array [
Object {
"borderRadius": 0,
"height": "100%",
"position": "absolute",
"width": "100%",
},
undefined,
Object {
"borderTopLeftRadius": 0,
"borderTopRightRadius": 0,
},
undefined,
]
}
>
<View
style={
Object {
"backgroundColor": "rgb(78, 0, 142)",
"borderTopLeftRadius": 0,
"borderTopRightRadius": 0,
"height": 4,
"position": "absolute",
"width": "100%",
}
}
/>
</BVLinearGradient>
<View
style={
Array [
Object {
"bottom": -25,
"left": -6,
"position": "absolute",
"width": 45,
},
Object {},
]
}
>
<Text
numberOfLines={1}
style={
Object {
"textAlign": "center",
}
}
>
Mar
</Text>
</View>
</View>
<View
accessible={true}
collapsable={false}
focusable={true}
onClick={[Function]}
onResponderGrant={[Function]}
onResponderMove={[Function]}
onResponderRelease={[Function]}
onResponderTerminate={[Function]}
onResponderTerminationRequest={[Function]}
onStartShouldSetResponder={[Function]}
style={
Object {
"height": 120,
"marginBottom": 60,
"marginRight": 20,
"opacity": 1,
"width": 35,
"zIndex": 1,
}
}
>
<BVLinearGradient
colors={
Array [
3435685108,
870037241,
]
}
endPoint={
Object {
"x": 0,
"y": 1,
}
}
locations={null}
startPoint={
Object {
"x": 0,
"y": 0,
}
}
style={
Array [
Object {
"borderRadius": 0,
"height": "100%",
"position": "absolute",
"width": "100%",
},
undefined,
Object {
"borderTopLeftRadius": 0,
"borderTopRightRadius": 0,
},
undefined,
]
}
>
<View
style={
Object {
"backgroundColor": "rgb(78, 0, 142)",
"borderTopLeftRadius": 0,
"borderTopRightRadius": 0,
"height": 4,
"position": "absolute",
"width": "100%",
}
}
/>
</BVLinearGradient>
<View
style={
Array [
Object {
"bottom": -25,
"left": -6,
"position": "absolute",
"width": 45,
},
Object {},
]
}
>
<Text
numberOfLines={1}
style={
Object {
"textAlign": "center",
}
}
>
Apr
</Text>
</View>
</View>
</View>
</RCTScrollView>
</View>
</View>
`;
exports[`renders gradient bar chart correctly 1`] = `
<View>
<View
style={
Array [
Object {
"marginBottom": 40,
"marginRight": 40,
"width": "100%",
},
Object {
"height": 200,
},
false,
undefined,
false,
]
}
>
<View
style={
Array [
Object {
"flexDirection": "row",
},
Object {
"width": 331,
},
false,
undefined,
]
}
>
<View
style={
Array [
Object {
"alignItems": "center",
"justifyContent": "center",
},
Object {
"borderColor": "black",
"borderRightWidth": 1,
},
false,
Object {
"height": 40,
"width": 35,
},
undefined,
]
}
/>
<View
style={
Array [
Object {
"justifyContent": "center",
"width": "100%",
},
Object {
"backgroundColor": "#FECF9E",
},
]
}
/>
</View>
<View
style={
Array [
Object {
"flexDirection": "row",
},
Object {
"width": 331,
},
false,
undefined,
]
}
>
<View
style={
Array [
Object {
"alignItems": "center",
"justifyContent": "center",
},
Object {
"borderColor": "black",
"borderRightWidth": 1,
},
false,
Object {
"height": 40,
"width": 35,
},
undefined,
]
}
/>
<View
style={
Array [
Object {
"justifyContent": "center",
"width": "100%",
},
Object {
"backgroundColor": "#FECF9E",
},
]
}
/>
</View>
<View
style={
Array [
Object {
"flexDirection": "row",
},
Object {
"width": 331,
},
false,
undefined,
]
}
>
<View
style={
Array [
Object {
"alignItems": "center",
"justifyContent": "center",
},
Object {
"borderColor": "black",
"borderRightWidth": 1,
},
false,
Object {
"height": 40,
"width": 35,
},
undefined,
]
}
/>
<View
style={
Array [
Object {
"justifyContent": "center",
"width": "100%",
},
Object {
"backgroundColor": "#FECF9E",
},
]
}
/>
</View>
<View
style={
Array [
Object {
"flexDirection": "row",
},
Object {
"width": 331,
},
false,
undefined,
]
}
>
<View
style={
Array [
Object {
"alignItems": "center",
"justifyContent": "center",
},
Object {
"borderColor": "black",
"borderRightWidth": 1,
},
false,
Object {
"height": 40,
"width": 35,
},
undefined,
]
}
/>
<View
style={
Array [
Object {
"justifyContent": "center",
"width": "100%",
},
Object {
"backgroundColor": "#FECF9E",
},
]
}
/>
</View>
<View
style={
Array [
Object {
"flexDirection": "row",
},
Object {
"width": 331,
},
false,
undefined,
]
}
>
<View
style={
Array [
Object {
"alignItems": "center",
"justifyContent": "center",
},
Object {
"borderColor": "black",
"borderRightWidth": 1,
},
false,
Object {
"height": 40,
"width": 35,
},
undefined,
]
}
/>
<View
style={
Array [
Object {
"justifyContent": "center",
"width": "100%",
},
Object {
"backgroundColor": "#FECF9E",
},
]
}
/>
</View>
<View
style={
Array [
Object {
"flexDirection": "row",
},
Object {
"width": 331,
},
false,
undefined,
]
}
>
<View
style={
Array [
Object {
"alignItems": "center",
"justifyContent": "center",
},
Object {
"borderColor": "black",
"borderRightWidth": 1,
},
false,
Object {
"height": 20,
"width": 35,
},
undefined,
]
}
/>
<View
style={
Array [
Object {
"justifyContent": "flex-end",
"width": "100%",
},
Object {
"backgroundColor": "#FECF9E",
},
]
}
>
<RNSVGSvgView
bbHeight={1}
bbWidth={331}
config={
Object {
"color": "black",
"dashGap": 8,
"dashWidth": 4,
"thickness": 1,
"type": "solid",
"width": 331,
}
}
focusable={false}
height={1}
style={
Array [
Object {
"backgroundColor": "transparent",
"borderWidth": 0,
},
Object {
"flex": 0,
"height": 1,
"width": 331,
},
]
}
width={331}
>
<RNSVGGroup>
<RNSVGGroup
fill={4292072403}
propList={
Array [
"fill",
"stroke",
"strokeWidth",
]
}
stroke={4278190080}
strokeWidth={1}
>
<RNSVGPath
d="M0 0.5h331"
/>
</RNSVGGroup>
</RNSVGGroup>
</RNSVGSvgView>
</View>
</View>
<View
style={
Array [
Object {
"flexDirection": "row",
},
Object {
"alignItems": "center",
"justifyContent": "center",
},
Object {
"height": 40,
"position": "absolute",
"top": 0,
"width": 35,
"zIndex": 1,
},
false,
false,
undefined,
]
}
>
<Text
ellipsizeMode="clip"
numberOfLines={1}
style={
Array [
undefined,
false,
false,
]
}
>
1
</Text>
</View>
<View
style={
Array [
Object {
"flexDirection": "row",
},
Object {
"alignItems": "center",
"justifyContent": "center",
},
Object {
"height": 40,
"position": "absolute",
"top": 40,
"width": 35,
"zIndex": 1,
},
false,
false,
undefined,
]
}
>
<Text
ellipsizeMode="clip"
numberOfLines={1}
style={
Array [
undefined,
false,
false,
]
}
>
0.8
</Text>
</View>
<View
style={
Array [
Object {
"flexDirection": "row",
},
Object {
"alignItems": "center",
"justifyContent": "center",
},
Object {
"height": 40,
"position": "absolute",
"top": 80,
"width": 35,
"zIndex": 1,
},
false,
false,
undefined,
]
}
>
<Text
ellipsizeMode="clip"
numberOfLines={1}
style={
Array [
undefined,
false,
false,
]
}
>
0.6
</Text>
</View>
<View
style={
Array [
Object {
"flexDirection": "row",
},
Object {
"alignItems": "center",
"justifyContent": "center",
},
Object {
"height": 40,
"position": "absolute",
"top": 120,
"width": 35,
"zIndex": 1,
},
false,
false,
undefined,
]
}
>
<Text
ellipsizeMode="clip"
numberOfLines={1}
style={
Array [
undefined,
false,
false,
]
}
>
0.4
</Text>
</View>
<View
style={
Array [
Object {
"flexDirection": "row",
},
Object {
"alignItems": "center",
"justifyContent": "center",
},
Object {
"height": 40,
"position": "absolute",
"top": 160,
"width": 35,
"zIndex": 1,
},
false,
false,
undefined,
]
}
>
<Text
ellipsizeMode="clip"
numberOfLines={1}
style={
Array [
undefined,
false,
false,
]
}
>
0.2
</Text>
</View>
<View
style={
Array [
Object {
"flexDirection": "row",
},
Object {
"alignItems": "center",
"justifyContent": "center",
},
Object {
"height": 20,
"position": "absolute",
"top": 200,
"width": 35,
"zIndex": 1,
},
false,
false,
undefined,
]
}
>
<Text
ellipsizeMode="clip"
numberOfLines={1}
style={
Array [
undefined,
false,
Object {
"marginBottom": -20,
},
]
}
>
0
</Text>
</View>
<View
style={
Array [
Object {
"flexDirection": "row",
},
Object {
"alignItems": "center",
"justifyContent": "center",
},
Object {
"height": 40,
"position": "absolute",
"top": 0,
"width": 35,
"zIndex": 1,
},
false,
]
}
/>
<View
style={
Array [
Object {
"flexDirection": "row",
},
Object {
"alignItems": "center",
"justifyContent": "center",
},
Object {
"height": 40,
"position": "absolute",
"top": 40,
"width": 35,
"zIndex": 1,
},
false,
]
}
/>
<View
style={
Array [
Object {
"flexDirection": "row",
},
Object {
"alignItems": "center",
"justifyContent": "center",
},
Object {
"height": 40,
"position": "absolute",
"top": 80,
"width": 35,
"zIndex": 1,
},
false,
]
}
/>
<View
style={
Array [
Object {
"flexDirection": "row",
},
Object {
"alignItems": "center",
"justifyContent": "center",
},
Object {
"height": 40,
"position": "absolute",
"top": 120,
"width": 35,
"zIndex": 1,
},
false,
]
}
/>
<View
style={
Array [
Object {
"flexDirection": "row",
},
Object {
"alignItems": "center",
"justifyContent": "center",
},
Object {
"height": 40,
"position": "absolute",
"top": 160,
"width": 35,
"zIndex": 1,
},
false,
]
}
/>
<View
style={
Array [
Object {
"flexDirection": "row",
},
Object {
"alignItems": "center",
"justifyContent": "center",
},
Object {
"height": 20,
"position": "absolute",
"top": 200,
"width": 35,
"zIndex": 1,
},
false,
]
}
/>
<RCTScrollView
contentContainerStyle={
Array [
Object {
"alignItems": "flex-end",
"height": 330,
"paddingBottom": 0,
"paddingLeft": 40,
},
Object {
"width": 320,
},
]
}
horizontal={true}
keyExtractor={[Function]}
onContentSizeChange={[Function]}
onTouchStart={[Function]}
scrollEnabled={true}
showsHorizontalScrollIndicator={false}
style={
Array [
Object {
"bottom": -79,
"marginLeft": 35,
"position": "absolute",
},
undefined,
false,
]
}
>
<View>
<View
accessible={true}
collapsable={false}
focusable={true}
onClick={[Function]}
onResponderGrant={[Function]}
onResponderMove={[Function]}
onResponderRelease={[Function]}
onResponderTerminate={[Function]}
onResponderTerminationRequest={[Function]}
onStartShouldSetResponder={[Function]}
style={
Object {
"height": 140,
"marginBottom": 60,
"marginRight": 20,
"opacity": 1,
"width": 30,
"zIndex": 6,
}
}
>
<View
style={
Object {
"backgroundColor": "black",
"bottom": 0,
"height": 2,
"left": 15,
"position": "absolute",
"width": 4,
"zIndex": 2,
}
}
/>
<BVLinearGradient
colors={
Array [
4294962942,
4279987120,
]
}
endPoint={
Object {
"x": 0,
"y": 1,
}
}
locations={null}
startPoint={
Object {
"x": 0,
"y": 0,
}
}
style={
Array [
Object {
"borderRadius": 0,
"height": "100%",
"position": "absolute",
"width": "100%",
},
undefined,
undefined,
undefined,
]
}
/>
<View
style={
Array [
Object {
"bottom": -25,
"left": -6,
"position": "absolute",
"width": 40,
},
Object {},
]
}
>
<Text
numberOfLines={1}
style={
Object {
"textAlign": "center",
}
}
>
1
</Text>
</View>
</View>
<View
accessible={true}
collapsable={false}
focusable={true}
onClick={[Function]}
onResponderGrant={[Function]}
onResponderMove={[Function]}
onResponderRelease={[Function]}
onResponderTerminate={[Function]}
onResponderTerminationRequest={[Function]}
onStartShouldSetResponder={[Function]}
style={
Object {
"height": 160,
"marginBottom": 60,
"marginRight": 20,
"opacity": 1,
"width": 30,
"zIndex": 5,
}
}
>
<View
style={
Object {
"backgroundColor": "black",
"bottom": 0,
"height": 2,
"left": 15,
"position": "absolute",
"width": 4,
"zIndex": 2,
}
}
/>
<BVLinearGradient
colors={
Array [
4294962942,
4279987120,
]
}
endPoint={
Object {
"x": 0,
"y": 1,
}
}
locations={null}
startPoint={
Object {
"x": 0,
"y": 0,
}
}
style={
Array [
Object {
"borderRadius": 0,
"height": "100%",
"position": "absolute",
"width": "100%",
},
undefined,
undefined,
undefined,
]
}
/>
<View
style={
Array [
Object {
"bottom": -25,
"left": -6,
"position": "absolute",
"width": 40,
},
Object {},
]
}
>
<Text
numberOfLines={1}
style={
Object {
"textAlign": "center",
}
}
>
2
</Text>
</View>
</View>
<View
accessible={true}
collapsable={false}
focusable={true}
onClick={[Function]}
onResponderGrant={[Function]}
onResponderMove={[Function]}
onResponderRelease={[Function]}
onResponderTerminate={[Function]}
onResponderTerminationRequest={[Function]}
onStartShouldSetResponder={[Function]}
style={
Object {
"height": 120,
"marginBottom": 60,
"marginRight": 20,
"opacity": 1,
"width": 30,
"zIndex": 4,
}
}
>
<View
style={
Object {
"backgroundColor": "black",
"bottom": 0,
"height": 2,
"left": 15,
"position": "absolute",
"width": 4,
"zIndex": 2,
}
}
/>
<BVLinearGradient
colors={
Array [
4294962942,
4279987120,
]
}
endPoint={
Object {
"x": 0,
"y": 1,
}
}
locations={null}
startPoint={
Object {
"x": 0,
"y": 0,
}
}
style={
Array [
Object {
"borderRadius": 0,
"height": "100%",
"position": "absolute",
"width": "100%",
},
undefined,
undefined,
undefined,
]
}
/>
<View
style={
Array [
Object {
"bottom": -25,
"left": -6,
"position": "absolute",
"width": 40,
},
Object {},
]
}
>
<Text
numberOfLines={1}
style={
Object {
"textAlign": "center",
}
}
>
3
</Text>
</View>
</View>
<View
accessible={true}
collapsable={false}
focusable={true}
onClick={[Function]}
onResponderGrant={[Function]}
onResponderMove={[Function]}
onResponderRelease={[Function]}
onResponderTerminate={[Function]}
onResponderTerminationRequest={[Function]}
onStartShouldSetResponder={[Function]}
style={
Object {
"height": 80,
"marginBottom": 60,
"marginRight": 20,
"opacity": 1,
"width": 30,
"zIndex": 3,
}
}
>
<View
style={
Object {
"backgroundColor": "black",
"bottom": 0,
"height": 2,
"left": 15,
"position": "absolute",
"width": 4,
"zIndex": 2,
}
}
/>
<BVLinearGradient
colors={
Array [
4294962942,
4279987120,
]
}
endPoint={
Object {
"x": 0,
"y": 1,
}
}
locations={null}
startPoint={
Object {
"x": 0,
"y": 0,
}
}
style={
Array [
Object {
"borderRadius": 0,
"height": "100%",
"position": "absolute",
"width": "100%",
},
undefined,
undefined,
undefined,
]
}
/>
<View
style={
Array [
Object {
"bottom": -25,
"left": -6,
"position": "absolute",
"width": 40,
},
Object {},
]
}
>
<Text
numberOfLines={1}
style={
Object {
"textAlign": "center",
}
}
>
4
</Text>
</View>
</View>
<View
accessible={true}
collapsable={false}
focusable={true}
onClick={[Function]}
onResponderGrant={[Function]}
onResponderMove={[Function]}
onResponderRelease={[Function]}
onResponderTerminate={[Function]}
onResponderTerminationRequest={[Function]}
onStartShouldSetResponder={[Function]}
style={
Object {
"height": 180,
"marginBottom": 60,
"marginRight": 20,
"opacity": 1,
"width": 30,
"zIndex": 2,
}
}
>
<View
style={
Object {
"backgroundColor": "black",
"bottom": 0,
"height": 2,
"left": 15,
"position": "absolute",
"width": 4,
"zIndex": 2,
}
}
/>
<BVLinearGradient
colors={
Array [
4294962942,
4279987120,
]
}
endPoint={
Object {
"x": 0,
"y": 1,
}
}
locations={null}
startPoint={
Object {
"x": 0,
"y": 0,
}
}
style={
Array [
Object {
"borderRadius": 0,
"height": "100%",
"position": "absolute",
"width": "100%",
},
undefined,
undefined,
undefined,
]
}
/>
<View
style={
Array [
Object {
"bottom": -25,
"left": -6,
"position": "absolute",
"width": 40,
},
Object {},
]
}
>
<Text
numberOfLines={1}
style={
Object {
"textAlign": "center",
}
}
>
5
</Text>
</View>
</View>
<View
accessible={true}
collapsable={false}
focusable={true}
onClick={[Function]}
onResponderGrant={[Function]}
onResponderMove={[Function]}
onResponderRelease={[Function]}
onResponderTerminate={[Function]}
onResponderTerminationRequest={[Function]}
onStartShouldSetResponder={[Function]}
style={
Object {
"height": 140,
"marginBottom": 60,
"marginRight": 20,
"opacity": 1,
"width": 30,
"zIndex": 1,
}
}
>
<View
style={
Object {
"backgroundColor": "black",
"bottom": 0,
"height": 2,
"left": 15,
"position": "absolute",
"width": 4,
"zIndex": 2,
}
}
/>
<BVLinearGradient
colors={
Array [
4294962942,
4279987120,
]
}
endPoint={
Object {
"x": 0,
"y": 1,
}
}
locations={null}
startPoint={
Object {
"x": 0,
"y": 0,
}
}
style={
Array [
Object {
"borderRadius": 0,
"height": "100%",
"position": "absolute",
"width": "100%",
},
undefined,
undefined,
undefined,
]
}
/>
<View
style={
Array [
Object {
"bottom": -25,
"left": -6,
"position": "absolute",
"width": 40,
},
Object {},
]
}
>
<Text
numberOfLines={1}
style={
Object {
"textAlign": "center",
}
}
>
6
</Text>
</View>
</View>
</View>
</RCTScrollView>
</View>
</View>
`;
exports[`renders rounded stack bar chart correctly 1`] = `
<View>
<View
style={
Array [
Object {
"marginBottom": 40,
"marginRight": 40,
"width": "100%",
},
Object {
"height": 200,
},
false,
Object {
"width": 340,
},
false,
]
}
>
<View
style={
Array [
Object {
"flexDirection": "row",
},
Object {
"width": 340,
},
false,
undefined,
]
}
>
<View
style={
Array [
Object {
"alignItems": "center",
"justifyContent": "center",
},
Object {
"borderColor": "black",
"borderRightWidth": 1,
},
false,
Object {
"height": 50,
"width": 35,
},
undefined,
]
}
/>
<View
style={
Array [
Object {
"justifyContent": "center",
"width": "100%",
},
Object {
"backgroundColor": "transparent",
},
]
}
>
<RNSVGSvgView
bbHeight={1}
bbWidth={351}
config={
Object {
"color": "lightgray",
"dashGap": 8,
"dashWidth": 4,
"thickness": 1,
"type": "line",
"width": 351,
}
}
focusable={false}
height={1}
style={
Array [
Object {
"backgroundColor": "transparent",
"borderWidth": 0,
},
Object {
"flex": 0,
"height": 1,
"width": 351,
},
]
}
width={351}
>
<RNSVGGroup>
<RNSVGGroup
fill={4292072403}
propList={
Array [
"fill",
"stroke",
"strokeWidth",
]
}
stroke={4292072403}
strokeWidth={1}
>
<RNSVGPath
d="M0 0.5h351"
propList={
Array [
"strokeDasharray",
]
}
strokeDasharray={
Array [
"4",
"8",
]
}
/>
</RNSVGGroup>
</RNSVGGroup>
</RNSVGSvgView>
</View>
</View>
<View
style={
Array [
Object {
"flexDirection": "row",
},
Object {
"width": 340,
},
false,
undefined,
]
}
>
<View
style={
Array [
Object {
"alignItems": "center",
"justifyContent": "center",
},
Object {
"borderColor": "black",
"borderRightWidth": 1,
},
false,
Object {
"height": 50,
"width": 35,
},
undefined,
]
}
/>
<View
style={
Array [
Object {
"justifyContent": "center",
"width": "100%",
},
Object {
"backgroundColor": "transparent",
},
]
}
>
<RNSVGSvgView
bbHeight={1}
bbWidth={351}
config={
Object {
"color": "lightgray",
"dashGap": 8,
"dashWidth": 4,
"thickness": 1,
"type": "line",
"width": 351,
}
}
focusable={false}
height={1}
style={
Array [
Object {
"backgroundColor": "transparent",
"borderWidth": 0,
},
Object {
"flex": 0,
"height": 1,
"width": 351,
},
]
}
width={351}
>
<RNSVGGroup>
<RNSVGGroup
fill={4292072403}
propList={
Array [
"fill",
"stroke",
"strokeWidth",
]
}
stroke={4292072403}
strokeWidth={1}
>
<RNSVGPath
d="M0 0.5h351"
propList={
Array [
"strokeDasharray",
]
}
strokeDasharray={
Array [
"4",
"8",
]
}
/>
</RNSVGGroup>
</RNSVGGroup>
</RNSVGSvgView>
</View>
</View>
<View
style={
Array [
Object {
"flexDirection": "row",
},
Object {
"width": 340,
},
false,
undefined,
]
}
>
<View
style={
Array [
Object {
"alignItems": "center",
"justifyContent": "center",
},
Object {
"borderColor": "black",
"borderRightWidth": 1,
},
false,
Object {
"height": 50,
"width": 35,
},
undefined,
]
}
/>
<View
style={
Array [
Object {
"justifyContent": "center",
"width": "100%",
},
Object {
"backgroundColor": "transparent",
},
]
}
>
<RNSVGSvgView
bbHeight={1}
bbWidth={351}
config={
Object {
"color": "lightgray",
"dashGap": 8,
"dashWidth": 4,
"thickness": 1,
"type": "line",
"width": 351,
}
}
focusable={false}
height={1}
style={
Array [
Object {
"backgroundColor": "transparent",
"borderWidth": 0,
},
Object {
"flex": 0,
"height": 1,
"width": 351,
},
]
}
width={351}
>
<RNSVGGroup>
<RNSVGGroup
fill={4292072403}
propList={
Array [
"fill",
"stroke",
"strokeWidth",
]
}
stroke={4292072403}
strokeWidth={1}
>
<RNSVGPath
d="M0 0.5h351"
propList={
Array [
"strokeDasharray",
]
}
strokeDasharray={
Array [
"4",
"8",
]
}
/>
</RNSVGGroup>
</RNSVGGroup>
</RNSVGSvgView>
</View>
</View>
<View
style={
Array [
Object {
"flexDirection": "row",
},
Object {
"width": 340,
},
false,
undefined,
]
}
>
<View
style={
Array [
Object {
"alignItems": "center",
"justifyContent": "center",
},
Object {
"borderColor": "black",
"borderRightWidth": 1,
},
false,
Object {
"height": 50,
"width": 35,
},
undefined,
]
}
/>
<View
style={
Array [
Object {
"justifyContent": "center",
"width": "100%",
},
Object {
"backgroundColor": "transparent",
},
]
}
>
<RNSVGSvgView
bbHeight={1}
bbWidth={351}
config={
Object {
"color": "lightgray",
"dashGap": 8,
"dashWidth": 4,
"thickness": 1,
"type": "line",
"width": 351,
}
}
focusable={false}
height={1}
style={
Array [
Object {
"backgroundColor": "transparent",
"borderWidth": 0,
},
Object {
"flex": 0,
"height": 1,
"width": 351,
},
]
}
width={351}
>
<RNSVGGroup>
<RNSVGGroup
fill={4292072403}
propList={
Array [
"fill",
"stroke",
"strokeWidth",
]
}
stroke={4292072403}
strokeWidth={1}
>
<RNSVGPath
d="M0 0.5h351"
propList={
Array [
"strokeDasharray",
]
}
strokeDasharray={
Array [
"4",
"8",
]
}
/>
</RNSVGGroup>
</RNSVGGroup>
</RNSVGSvgView>
</View>
</View>
<View
style={
Array [
Object {
"flexDirection": "row",
},
Object {
"width": 340,
},
false,
undefined,
]
}
>
<View
style={
Array [
Object {
"alignItems": "center",
"justifyContent": "center",
},
Object {
"borderColor": "black",
"borderRightWidth": 1,
},
false,
Object {
"height": 25,
"width": 35,
},
undefined,
]
}
/>
<View
style={
Array [
Object {
"justifyContent": "flex-end",
"width": "100%",
},
Object {
"backgroundColor": "transparent",
},
]
}
>
<RNSVGSvgView
bbHeight={1}
bbWidth={351}
config={
Object {
"color": "black",
"dashGap": 8,
"dashWidth": 4,
"thickness": 1,
"type": "solid",
"width": 351,
}
}
focusable={false}
height={1}
style={
Array [
Object {
"backgroundColor": "transparent",
"borderWidth": 0,
},
Object {
"flex": 0,
"height": 1,
"width": 351,
},
]
}
width={351}
>
<RNSVGGroup>
<RNSVGGroup
fill={4292072403}
propList={
Array [
"fill",
"stroke",
"strokeWidth",
]
}
stroke={4278190080}
strokeWidth={1}
>
<RNSVGPath
d="M0 0.5h351"
/>
</RNSVGGroup>
</RNSVGGroup>
</RNSVGSvgView>
</View>
</View>
<View
style={
Array [
Object {
"flexDirection": "row",
},
Object {
"alignItems": "center",
"justifyContent": "center",
},
Object {
"height": 50,
"position": "absolute",
"top": 0,
"width": 35,
"zIndex": 1,
},
false,
false,
undefined,
]
}
>
<Text
ellipsizeMode="clip"
numberOfLines={1}
style={
Array [
undefined,
false,
false,
]
}
>
40
</Text>
</View>
<View
style={
Array [
Object {
"flexDirection": "row",
},
Object {
"alignItems": "center",
"justifyContent": "center",
},
Object {
"height": 50,
"position": "absolute",
"top": 50,
"width": 35,
"zIndex": 1,
},
false,
false,
undefined,
]
}
>
<Text
ellipsizeMode="clip"
numberOfLines={1}
style={
Array [
undefined,
false,
false,
]
}
>
30
</Text>
</View>
<View
style={
Array [
Object {
"flexDirection": "row",
},
Object {
"alignItems": "center",
"justifyContent": "center",
},
Object {
"height": 50,
"position": "absolute",
"top": 100,
"width": 35,
"zIndex": 1,
},
false,
false,
undefined,
]
}
>
<Text
ellipsizeMode="clip"
numberOfLines={1}
style={
Array [
undefined,
false,
false,
]
}
>
20
</Text>
</View>
<View
style={
Array [
Object {
"flexDirection": "row",
},
Object {
"alignItems": "center",
"justifyContent": "center",
},
Object {
"height": 50,
"position": "absolute",
"top": 150,
"width": 35,
"zIndex": 1,
},
false,
false,
undefined,
]
}
>
<Text
ellipsizeMode="clip"
numberOfLines={1}
style={
Array [
undefined,
false,
false,
]
}
>
10
</Text>
</View>
<View
style={
Array [
Object {
"flexDirection": "row",
},
Object {
"alignItems": "center",
"justifyContent": "center",
},
Object {
"height": 25,
"position": "absolute",
"top": 200,
"width": 35,
"zIndex": 1,
},
false,
false,
undefined,
]
}
>
<Text
ellipsizeMode="clip"
numberOfLines={1}
style={
Array [
undefined,
false,
Object {
"marginBottom": -25,
},
]
}
>
0
</Text>
</View>
<View
style={
Array [
Object {
"flexDirection": "row",
},
Object {
"alignItems": "center",
"justifyContent": "center",
},
Object {
"height": 50,
"position": "absolute",
"top": 0,
"width": 35,
"zIndex": 1,
},
false,
]
}
/>
<View
style={
Array [
Object {
"flexDirection": "row",
},
Object {
"alignItems": "center",
"justifyContent": "center",
},
Object {
"height": 50,
"position": "absolute",
"top": 50,
"width": 35,
"zIndex": 1,
},
false,
]
}
/>
<View
style={
Array [
Object {
"flexDirection": "row",
},
Object {
"alignItems": "center",
"justifyContent": "center",
},
Object {
"height": 50,
"position": "absolute",
"top": 100,
"width": 35,
"zIndex": 1,
},
false,
]
}
/>
<View
style={
Array [
Object {
"flexDirection": "row",
},
Object {
"alignItems": "center",
"justifyContent": "center",
},
Object {
"height": 50,
"position": "absolute",
"top": 150,
"width": 35,
"zIndex": 1,
},
false,
]
}
/>
<View
style={
Array [
Object {
"flexDirection": "row",
},
Object {
"alignItems": "center",
"justifyContent": "center",
},
Object {
"height": 25,
"position": "absolute",
"top": 200,
"width": 35,
"zIndex": 1,
},
false,
]
}
/>
<RCTScrollView
contentContainerStyle={
Array [
Object {
"alignItems": "flex-end",
"height": 330,
"paddingBottom": 0,
"paddingLeft": 40,
},
false,
]
}
horizontal={true}
keyExtractor={[Function]}
onContentSizeChange={[Function]}
onTouchStart={[Function]}
scrollEnabled={true}
showsHorizontalScrollIndicator={false}
style={
Array [
Object {
"bottom": -84,
"marginLeft": 35,
"position": "absolute",
},
Object {
"width": 329,
},
false,
]
}
>
<View>
<View
style={
Array [
Object {
"height": 150,
"marginBottom": 60,
"marginRight": 40,
"width": 12,
},
]
}
>
<View
accessibilityState={
Object {
"disabled": false,
}
}
accessible={true}
collapsable={false}
focusable={true}
onClick={[Function]}
onResponderGrant={[Function]}
onResponderMove={[Function]}
onResponderRelease={[Function]}
onResponderTerminate={[Function]}
onResponderTerminationRequest={[Function]}
onStartShouldSetResponder={[Function]}
style={
Object {
"height": "100%",
"opacity": 1,
"position": "absolute",
"width": 12,
}
}
>
<View
accessibilityState={
Object {
"disabled": true,
}
}
accessible={true}
collapsable={false}
focusable={false}
onClick={[Function]}
onResponderGrant={[Function]}
onResponderMove={[Function]}
onResponderRelease={[Function]}
onResponderTerminate={[Function]}
onResponderTerminationRequest={[Function]}
onStartShouldSetResponder={[Function]}
style={
Object {
"backgroundColor": "orange",
"borderRadius": 20,
"bottom": 0,
"height": 50,
"opacity": 1,
"position": "absolute",
"width": "100%",
}
}
/>
<View
accessibilityState={
Object {
"disabled": true,
}
}
accessible={true}
collapsable={false}
focusable={false}
onClick={[Function]}
onResponderGrant={[Function]}
onResponderMove={[Function]}
onResponderRelease={[Function]}
onResponderTerminate={[Function]}
onResponderTerminationRequest={[Function]}
onStartShouldSetResponder={[Function]}
style={
Object {
"backgroundColor": "#4ABFF4",
"borderRadius": 20,
"bottom": 52,
"height": 98,
"opacity": 1,
"position": "absolute",
"width": "100%",
}
}
/>
</View>
<View
style={
Array [
Object {
"bottom": -40,
"position": "absolute",
"width": 32,
},
Object {
"transform": Array [
Object {
"rotate": "60deg",
},
],
},
]
}
>
<Text
numberOfLines={1}
style={
Array [
undefined,
]
}
>
Jan
</Text>
</View>
</View>
<View
style={
Array [
Object {
"height": 180,
"marginBottom": 60,
"marginRight": 40,
"width": 12,
},
]
}
>
<View
accessibilityState={
Object {
"disabled": false,
}
}
accessible={true}
collapsable={false}
focusable={true}
onClick={[Function]}
onResponderGrant={[Function]}
onResponderMove={[Function]}
onResponderRelease={[Function]}
onResponderTerminate={[Function]}
onResponderTerminationRequest={[Function]}
onStartShouldSetResponder={[Function]}
style={
Object {
"height": "100%",
"opacity": 1,
"position": "absolute",
"width": 12,
}
}
>
<View
accessibilityState={
Object {
"disabled": true,
}
}
accessible={true}
collapsable={false}
focusable={false}
onClick={[Function]}
onResponderGrant={[Function]}
onResponderMove={[Function]}
onResponderRelease={[Function]}
onResponderTerminate={[Function]}
onResponderTerminationRequest={[Function]}
onStartShouldSetResponder={[Function]}
style={
Object {
"backgroundColor": "#4ABFF4",
"borderRadius": 20,
"bottom": 0,
"height": 50,
"opacity": 1,
"position": "absolute",
"width": "100%",
}
}
/>
<View
accessibilityState={
Object {
"disabled": true,
}
}
accessible={true}
collapsable={false}
focusable={false}
onClick={[Function]}
onResponderGrant={[Function]}
onResponderMove={[Function]}
onResponderRelease={[Function]}
onResponderTerminate={[Function]}
onResponderTerminationRequest={[Function]}
onStartShouldSetResponder={[Function]}
style={
Object {
"backgroundColor": "orange",
"borderRadius": 20,
"bottom": 52,
"height": 53,
"opacity": 1,
"position": "absolute",
"width": "100%",
}
}
/>
<View
accessibilityState={
Object {
"disabled": true,
}
}
accessible={true}
collapsable={false}
focusable={false}
onClick={[Function]}
onResponderGrant={[Function]}
onResponderMove={[Function]}
onResponderRelease={[Function]}
onResponderTerminate={[Function]}
onResponderTerminationRequest={[Function]}
onStartShouldSetResponder={[Function]}
style={
Object {
"backgroundColor": "#28B2B3",
"borderRadius": 20,
"bottom": 107,
"height": 73,
"opacity": 1,
"position": "absolute",
"width": "100%",
}
}
/>
</View>
<View
style={
Array [
Object {
"bottom": -40,
"position": "absolute",
"width": 32,
},
Object {
"transform": Array [
Object {
"rotate": "60deg",
},
],
},
]
}
>
<Text
numberOfLines={1}
style={
Array [
undefined,
]
}
>
Mar
</Text>
</View>
</View>
<View
style={
Array [
Object {
"height": 160,
"marginBottom": 60,
"marginRight": 40,
"width": 12,
},
]
}
>
<View
accessibilityState={
Object {
"disabled": false,
}
}
accessible={true}
collapsable={false}
focusable={true}
onClick={[Function]}
onResponderGrant={[Function]}
onResponderMove={[Function]}
onResponderRelease={[Function]}
onResponderTerminate={[Function]}
onResponderTerminationRequest={[Function]}
onStartShouldSetResponder={[Function]}
style={
Object {
"height": "100%",
"opacity": 1,
"position": "absolute",
"width": 12,
}
}
>
<View
accessibilityState={
Object {
"disabled": true,
}
}
accessible={true}
collapsable={false}
focusable={false}
onClick={[Function]}
onResponderGrant={[Function]}
onResponderMove={[Function]}
onResponderRelease={[Function]}
onResponderTerminate={[Function]}
onResponderTerminationRequest={[Function]}
onStartShouldSetResponder={[Function]}
style={
Object {
"backgroundColor": "orange",
"borderRadius": 20,
"bottom": 0,
"height": 70,
"opacity": 1,
"position": "absolute",
"width": "100%",
}
}
/>
<View
accessibilityState={
Object {
"disabled": true,
}
}
accessible={true}
collapsable={false}
focusable={false}
onClick={[Function]}
onResponderGrant={[Function]}
onResponderMove={[Function]}
onResponderRelease={[Function]}
onResponderTerminate={[Function]}
onResponderTerminationRequest={[Function]}
onStartShouldSetResponder={[Function]}
style={
Object {
"backgroundColor": "#4ABFF4",
"borderRadius": 20,
"bottom": 72,
"height": 88,
"opacity": 1,
"position": "absolute",
"width": "100%",
}
}
/>
</View>
<View
style={
Array [
Object {
"bottom": -40,
"position": "absolute",
"width": 32,
},
Object {
"transform": Array [
Object {
"rotate": "60deg",
},
],
},
]
}
>
<Text
numberOfLines={1}
style={
Array [
undefined,
]
}
>
Feb
</Text>
</View>
</View>
<View
style={
Array [
Object {
"height": 140,
"marginBottom": 60,
"marginRight": 40,
"width": 12,
},
]
}
>
<View
accessibilityState={
Object {
"disabled": false,
}
}
accessible={true}
collapsable={false}
focusable={true}
onClick={[Function]}
onResponderGrant={[Function]}
onResponderMove={[Function]}
onResponderRelease={[Function]}
onResponderTerminate={[Function]}
onResponderTerminationRequest={[Function]}
onStartShouldSetResponder={[Function]}
style={
Object {
"height": "100%",
"opacity": 1,
"position": "absolute",
"width": 12,
}
}
>
<View
accessibilityState={
Object {
"disabled": true,
}
}
accessible={true}
collapsable={false}
focusable={false}
onClick={[Function]}
onResponderGrant={[Function]}
onResponderMove={[Function]}
onResponderRelease={[Function]}
onResponderTerminate={[Function]}
onResponderTerminationRequest={[Function]}
onStartShouldSetResponder={[Function]}
style={
Object {
"backgroundColor": "#4ABFF4",
"borderRadius": 20,
"bottom": 0,
"height": 35,
"opacity": 1,
"position": "absolute",
"width": "100%",
}
}
/>
<View
accessibilityState={
Object {
"disabled": true,
}
}
accessible={true}
collapsable={false}
focusable={false}
onClick={[Function]}
onResponderGrant={[Function]}
onResponderMove={[Function]}
onResponderRelease={[Function]}
onResponderTerminate={[Function]}
onResponderTerminationRequest={[Function]}
onStartShouldSetResponder={[Function]}
style={
Object {
"backgroundColor": "orange",
"borderRadius": 20,
"bottom": 37,
"height": 53,
"opacity": 1,
"position": "absolute",
"width": "100%",
}
}
/>
<View
accessibilityState={
Object {
"disabled": true,
}
}
accessible={true}
collapsable={false}
focusable={false}
onClick={[Function]}
onResponderGrant={[Function]}
onResponderMove={[Function]}
onResponderRelease={[Function]}
onResponderTerminate={[Function]}
onResponderTerminationRequest={[Function]}
onStartShouldSetResponder={[Function]}
style={
Object {
"backgroundColor": "#28B2B3",
"borderRadius": 20,
"bottom": 92,
"height": 48,
"opacity": 1,
"position": "absolute",
"width": "100%",
}
}
/>
</View>
<View
style={
Array [
Object {
"bottom": -40,
"position": "absolute",
"width": 32,
},
Object {
"transform": Array [
Object {
"rotate": "60deg",
},
],
},
]
}
>
<Text
numberOfLines={1}
style={
Array [
undefined,
]
}
>
Mar
</Text>
</View>
</View>
</View>
</RCTScrollView>
</View>
</View>
`;
exports[`renders simple animated bar chart correctly 1`] = `
<View>
<View
style={
Array [
Object {
"marginBottom": 40,
"marginRight": 40,
"width": "100%",
},
Object {
"height": 200,
},
false,
undefined,
false,
]
}
>
<View
style={
Array [
Object {
"flexDirection": "row",
},
Object {
"width": 281,
},
false,
undefined,
]
}
>
<View
style={
Array [
Object {
"alignItems": "center",
"justifyContent": "center",
},
Object {
"borderColor": "black",
"borderRightWidth": 1,
},
false,
Object {
"height": 50,
"width": 35,
},
undefined,
]
}
/>
<View
style={
Array [
Object {
"justifyContent": "center",
"width": "100%",
},
Object {
"backgroundColor": "transparent",
},
]
}
>
<RNSVGSvgView
bbHeight={1}
bbWidth={281}
config={
Object {
"color": "lightgray",
"dashGap": 8,
"dashWidth": 4,
"thickness": 1,
"type": "line",
"width": 281,
}
}
focusable={false}
height={1}
style={
Array [
Object {
"backgroundColor": "transparent",
"borderWidth": 0,
},
Object {
"flex": 0,
"height": 1,
"width": 281,
},
]
}
width={281}
>
<RNSVGGroup>
<RNSVGGroup
fill={4292072403}
propList={
Array [
"fill",
"stroke",
"strokeWidth",
]
}
stroke={4292072403}
strokeWidth={1}
>
<RNSVGPath
d="M0 0.5h281"
propList={
Array [
"strokeDasharray",
]
}
strokeDasharray={
Array [
"4",
"8",
]
}
/>
</RNSVGGroup>
</RNSVGGroup>
</RNSVGSvgView>
</View>
</View>
<View
style={
Array [
Object {
"flexDirection": "row",
},
Object {
"width": 281,
},
false,
undefined,
]
}
>
<View
style={
Array [
Object {
"alignItems": "center",
"justifyContent": "center",
},
Object {
"borderColor": "black",
"borderRightWidth": 1,
},
false,
Object {
"height": 50,
"width": 35,
},
undefined,
]
}
/>
<View
style={
Array [
Object {
"justifyContent": "center",
"width": "100%",
},
Object {
"backgroundColor": "transparent",
},
]
}
>
<RNSVGSvgView
bbHeight={1}
bbWidth={281}
config={
Object {
"color": "lightgray",
"dashGap": 8,
"dashWidth": 4,
"thickness": 1,
"type": "line",
"width": 281,
}
}
focusable={false}
height={1}
style={
Array [
Object {
"backgroundColor": "transparent",
"borderWidth": 0,
},
Object {
"flex": 0,
"height": 1,
"width": 281,
},
]
}
width={281}
>
<RNSVGGroup>
<RNSVGGroup
fill={4292072403}
propList={
Array [
"fill",
"stroke",
"strokeWidth",
]
}
stroke={4292072403}
strokeWidth={1}
>
<RNSVGPath
d="M0 0.5h281"
propList={
Array [
"strokeDasharray",
]
}
strokeDasharray={
Array [
"4",
"8",
]
}
/>
</RNSVGGroup>
</RNSVGGroup>
</RNSVGSvgView>
</View>
</View>
<View
style={
Array [
Object {
"flexDirection": "row",
},
Object {
"width": 281,
},
false,
undefined,
]
}
>
<View
style={
Array [
Object {
"alignItems": "center",
"justifyContent": "center",
},
Object {
"borderColor": "black",
"borderRightWidth": 1,
},
false,
Object {
"height": 50,
"width": 35,
},
undefined,
]
}
/>
<View
style={
Array [
Object {
"justifyContent": "center",
"width": "100%",
},
Object {
"backgroundColor": "transparent",
},
]
}
>
<RNSVGSvgView
bbHeight={1}
bbWidth={281}
config={
Object {
"color": "lightgray",
"dashGap": 8,
"dashWidth": 4,
"thickness": 1,
"type": "line",
"width": 281,
}
}
focusable={false}
height={1}
style={
Array [
Object {
"backgroundColor": "transparent",
"borderWidth": 0,
},
Object {
"flex": 0,
"height": 1,
"width": 281,
},
]
}
width={281}
>
<RNSVGGroup>
<RNSVGGroup
fill={4292072403}
propList={
Array [
"fill",
"stroke",
"strokeWidth",
]
}
stroke={4292072403}
strokeWidth={1}
>
<RNSVGPath
d="M0 0.5h281"
propList={
Array [
"strokeDasharray",
]
}
strokeDasharray={
Array [
"4",
"8",
]
}
/>
</RNSVGGroup>
</RNSVGGroup>
</RNSVGSvgView>
</View>
</View>
<View
style={
Array [
Object {
"flexDirection": "row",
},
Object {
"width": 281,
},
false,
undefined,
]
}
>
<View
style={
Array [
Object {
"alignItems": "center",
"justifyContent": "center",
},
Object {
"borderColor": "black",
"borderRightWidth": 1,
},
false,
Object {
"height": 50,
"width": 35,
},
undefined,
]
}
/>
<View
style={
Array [
Object {
"justifyContent": "center",
"width": "100%",
},
Object {
"backgroundColor": "transparent",
},
]
}
>
<RNSVGSvgView
bbHeight={1}
bbWidth={281}
config={
Object {
"color": "lightgray",
"dashGap": 8,
"dashWidth": 4,
"thickness": 1,
"type": "line",
"width": 281,
}
}
focusable={false}
height={1}
style={
Array [
Object {
"backgroundColor": "transparent",
"borderWidth": 0,
},
Object {
"flex": 0,
"height": 1,
"width": 281,
},
]
}
width={281}
>
<RNSVGGroup>
<RNSVGGroup
fill={4292072403}
propList={
Array [
"fill",
"stroke",
"strokeWidth",
]
}
stroke={4292072403}
strokeWidth={1}
>
<RNSVGPath
d="M0 0.5h281"
propList={
Array [
"strokeDasharray",
]
}
strokeDasharray={
Array [
"4",
"8",
]
}
/>
</RNSVGGroup>
</RNSVGGroup>
</RNSVGSvgView>
</View>
</View>
<View
style={
Array [
Object {
"flexDirection": "row",
},
Object {
"width": 281,
},
false,
undefined,
]
}
>
<View
style={
Array [
Object {
"alignItems": "center",
"justifyContent": "center",
},
Object {
"borderColor": "black",
"borderRightWidth": 1,
},
false,
Object {
"height": 25,
"width": 35,
},
undefined,
]
}
/>
<View
style={
Array [
Object {
"justifyContent": "flex-end",
"width": "100%",
},
Object {
"backgroundColor": "transparent",
},
]
}
>
<RNSVGSvgView
bbHeight={1}
bbWidth={281}
config={
Object {
"color": "black",
"dashGap": 8,
"dashWidth": 4,
"thickness": 1,
"type": "solid",
"width": 281,
}
}
focusable={false}
height={1}
style={
Array [
Object {
"backgroundColor": "transparent",
"borderWidth": 0,
},
Object {
"flex": 0,
"height": 1,
"width": 281,
},
]
}
width={281}
>
<RNSVGGroup>
<RNSVGGroup
fill={4292072403}
propList={
Array [
"fill",
"stroke",
"strokeWidth",
]
}
stroke={4278190080}
strokeWidth={1}
>
<RNSVGPath
d="M0 0.5h281"
/>
</RNSVGGroup>
</RNSVGGroup>
</RNSVGSvgView>
</View>
</View>
<View
style={
Array [
Object {
"flexDirection": "row",
},
Object {
"alignItems": "center",
"justifyContent": "center",
},
Object {
"height": 50,
"position": "absolute",
"top": 0,
"width": 35,
"zIndex": 1,
},
false,
false,
undefined,
]
}
>
<Text
ellipsizeMode="clip"
numberOfLines={1}
style={
Array [
undefined,
false,
false,
]
}
>
400
</Text>
</View>
<View
style={
Array [
Object {
"flexDirection": "row",
},
Object {
"alignItems": "center",
"justifyContent": "center",
},
Object {
"height": 50,
"position": "absolute",
"top": 50,
"width": 35,
"zIndex": 1,
},
false,
false,
undefined,
]
}
>
<Text
ellipsizeMode="clip"
numberOfLines={1}
style={
Array [
undefined,
false,
false,
]
}
>
300
</Text>
</View>
<View
style={
Array [
Object {
"flexDirection": "row",
},
Object {
"alignItems": "center",
"justifyContent": "center",
},
Object {
"height": 50,
"position": "absolute",
"top": 100,
"width": 35,
"zIndex": 1,
},
false,
false,
undefined,
]
}
>
<Text
ellipsizeMode="clip"
numberOfLines={1}
style={
Array [
undefined,
false,
false,
]
}
>
200
</Text>
</View>
<View
style={
Array [
Object {
"flexDirection": "row",
},
Object {
"alignItems": "center",
"justifyContent": "center",
},
Object {
"height": 50,
"position": "absolute",
"top": 150,
"width": 35,
"zIndex": 1,
},
false,
false,
undefined,
]
}
>
<Text
ellipsizeMode="clip"
numberOfLines={1}
style={
Array [
undefined,
false,
false,
]
}
>
100
</Text>
</View>
<View
style={
Array [
Object {
"flexDirection": "row",
},
Object {
"alignItems": "center",
"justifyContent": "center",
},
Object {
"height": 25,
"position": "absolute",
"top": 200,
"width": 35,
"zIndex": 1,
},
false,
false,
undefined,
]
}
>
<Text
ellipsizeMode="clip"
numberOfLines={1}
style={
Array [
undefined,
false,
Object {
"marginBottom": -25,
},
]
}
>
0
</Text>
</View>
<View
style={
Array [
Object {
"flexDirection": "row",
},
Object {
"alignItems": "center",
"justifyContent": "center",
},
Object {
"height": 50,
"position": "absolute",
"top": 0,
"width": 35,
"zIndex": 1,
},
false,
]
}
/>
<View
style={
Array [
Object {
"flexDirection": "row",
},
Object {
"alignItems": "center",
"justifyContent": "center",
},
Object {
"height": 50,
"position": "absolute",
"top": 50,
"width": 35,
"zIndex": 1,
},
false,
]
}
/>
<View
style={
Array [
Object {
"flexDirection": "row",
},
Object {
"alignItems": "center",
"justifyContent": "center",
},
Object {
"height": 50,
"position": "absolute",
"top": 100,
"width": 35,
"zIndex": 1,
},
false,
]
}
/>
<View
style={
Array [
Object {
"flexDirection": "row",
},
Object {
"alignItems": "center",
"justifyContent": "center",
},
Object {
"height": 50,
"position": "absolute",
"top": 150,
"width": 35,
"zIndex": 1,
},
false,
]
}
/>
<View
style={
Array [
Object {
"flexDirection": "row",
},
Object {
"alignItems": "center",
"justifyContent": "center",
},
Object {
"height": 25,
"position": "absolute",
"top": 200,
"width": 35,
"zIndex": 1,
},
false,
]
}
/>
<RCTScrollView
contentContainerStyle={
Array [
Object {
"alignItems": "flex-end",
"height": 330,
"paddingBottom": 0,
"paddingLeft": 40,
},
Object {
"width": 270,
},
]
}
horizontal={true}
keyExtractor={[Function]}
onContentSizeChange={[Function]}
onTouchStart={[Function]}
scrollEnabled={true}
showsHorizontalScrollIndicator={false}
style={
Array [
Object {
"bottom": -84,
"marginLeft": 35,
"position": "absolute",
},
undefined,
false,
]
}
>
<View>
<View
accessible={true}
collapsable={false}
focusable={true}
onClick={[Function]}
onResponderGrant={[Function]}
onResponderMove={[Function]}
onResponderRelease={[Function]}
onResponderTerminate={[Function]}
onResponderTerminationRequest={[Function]}
onStartShouldSetResponder={[Function]}
style={
Object {
"height": 115,
"marginBottom": 60,
"marginRight": 20,
"opacity": 1,
"width": 30,
"zIndex": 5,
}
}
>
<View
collapsable={false}
style={
Object {
"bottom": -25,
"left": -4,
"opacity": 0,
"position": "absolute",
"width": 40,
}
}
>
<Text
numberOfLines={1}
style={
Object {
"textAlign": "center",
}
}
>
Jan
</Text>
</View>
</View>
<View
accessible={true}
collapsable={false}
focusable={true}
onClick={[Function]}
onResponderGrant={[Function]}
onResponderMove={[Function]}
onResponderRelease={[Function]}
onResponderTerminate={[Function]}
onResponderTerminationRequest={[Function]}
onStartShouldSetResponder={[Function]}
style={
Object {
"height": 90,
"marginBottom": 60,
"marginRight": 20,
"opacity": 1,
"width": 30,
"zIndex": 4,
}
}
>
<View
collapsable={false}
style={
Object {
"bottom": -25,
"left": -4,
"opacity": 0,
"position": "absolute",
"width": 40,
}
}
>
<Text
numberOfLines={1}
style={
Object {
"textAlign": "center",
}
}
>
Feb
</Text>
</View>
</View>
<View
accessible={true}
collapsable={false}
focusable={true}
onClick={[Function]}
onResponderGrant={[Function]}
onResponderMove={[Function]}
onResponderRelease={[Function]}
onResponderTerminate={[Function]}
onResponderTerminationRequest={[Function]}
onStartShouldSetResponder={[Function]}
style={
Object {
"height": 97.5,
"marginBottom": 60,
"marginRight": 20,
"opacity": 1,
"width": 30,
"zIndex": 3,
}
}
>
<View
collapsable={false}
style={
Object {
"bottom": -25,
"left": -4,
"opacity": 0,
"position": "absolute",
"width": 40,
}
}
>
<Text
numberOfLines={1}
style={
Object {
"textAlign": "center",
}
}
>
Mar
</Text>
</View>
</View>
<View
accessible={true}
collapsable={false}
focusable={true}
onClick={[Function]}
onResponderGrant={[Function]}
onResponderMove={[Function]}
onResponderRelease={[Function]}
onResponderTerminate={[Function]}
onResponderTerminationRequest={[Function]}
onStartShouldSetResponder={[Function]}
style={
Object {
"height": 125,
"marginBottom": 60,
"marginRight": 20,
"opacity": 1,
"width": 30,
"zIndex": 2,
}
}
>
<View
collapsable={false}
style={
Object {
"bottom": -25,
"left": -4,
"opacity": 0,
"position": "absolute",
"width": 40,
}
}
>
<Text
numberOfLines={1}
style={
Object {
"textAlign": "center",
}
}
>
Apr
</Text>
</View>
</View>
<View
accessible={true}
collapsable={false}
focusable={true}
onClick={[Function]}
onResponderGrant={[Function]}
onResponderMove={[Function]}
onResponderRelease={[Function]}
onResponderTerminate={[Function]}
onResponderTerminationRequest={[Function]}
onStartShouldSetResponder={[Function]}
style={
Object {
"height": 160,
"marginBottom": 60,
"marginRight": 20,
"opacity": 1,
"width": 30,
"zIndex": 1,
}
}
>
<View
collapsable={false}
style={
Object {
"bottom": -25,
"left": -4,
"opacity": 0,
"position": "absolute",
"width": 40,
}
}
>
<Text
numberOfLines={1}
style={
Object {
"textAlign": "center",
}
}
>
May
</Text>
</View>
</View>
</View>
</RCTScrollView>
</View>
</View>
`;
Reference in New Issue View Git Blame Copy Permalink