update stories

JesperLekland · Feb 18, 2018 · 51b77df · 51b77df
1 parent a6c121a
commit 51b77df
Show file tree

Hide file tree

Showing 4 changed files with 15 additions and 12 deletions.
diff --git a/storybook/stories/area-stack/with-y-axis.js b/storybook/stories/area-stack/with-y-axis.js
@@ -1,8 +1,7 @@
 import React from 'react'
-import { StackedAreaChart } from '../../../src/index'
+import { StackedAreaChart, YAxis } from 'react-native-svg-charts'
 import * as shape from 'd3-shape'
 import { View } from 'react-native'
-import YAxis from '../../../src/y-axis'
 
 class AreaStackWithAxisExample extends React.PureComponent {
 
@@ -54,14 +53,16 @@ class AreaStackWithAxisExample extends React.PureComponent {
                     { ...this.props }
                 />
                 <YAxis
-                    style={ { position: 'absolute', top: 0, bottom: 0, transform: [ { translateY: -5 } ] } }
+                    style={ { position: 'absolute', top: 0, bottom: 0 }}
                     data={ StackedAreaChart.extractDataPoints(data, keys) }
                     contentInset={ { top: 10, bottom: 10 } }
                     svg={ {
                         fontSize: 8,
                         fill: 'white',
                         stroke: 'black',
                         strokeWidth: 0.1,
+                        alignmentBaseline: 'baseline',
+                        baselineShift: '3',
                     } }
                 />
             </View>

diff --git a/storybook/stories/extras.js b/storybook/stories/extras.js
@@ -43,8 +43,9 @@ class ExtrasExample extends React.PureComponent {
                     />
                     <Text
                         x={ 75 / 2 }
+                        dy={20}
+                        alignmentBaseline={'middle'}
                         textAnchor={ 'middle' }
-                        y={ 10 }
                         stroke={ 'rgb(134, 65, 244)' }
                     >
                         { `${data[5]}ºC` }

diff --git a/storybook/stories/grid-min-max.js b/storybook/stories/grid-min-max.js
@@ -10,19 +10,20 @@ class GridMinMaxExample extends React.PureComponent {
 
         return (
             <AreaChart
-                style={ { height: 200 } }
-                data={ data }
+                style={{ height: 200 }}
+                data={data}
                 svg={{ fill: 'rgba(134, 65, 244, 0.2)' }}
                 curve={shape.curveNatural}
                 gridMax={500}
                 gridMin={-500}
                 extras={[
                     ({ line }) => (
-                      <Path
-                      key={'line '}
-                      d={line}
-                      stroke={'rgb(134, 65, 244)'}
-                      fill={'none'}/>
+                        <Path
+                            key={'line '}
+                            d={line}
+                            stroke={'rgb(134, 65, 244)'}
+                            fill={'none'}
+                        />
                     ),
                 ]}
             />

diff --git a/storybook/stories/pie-chart/with-labels.js b/storybook/stories/pie-chart/with-labels.js
@@ -1,5 +1,5 @@
 import React from 'react'
-import PieChart from '../../../src/pie-chart'
+import { PieChart } from 'react-native-svg-charts'
 import { Circle, G, Line } from 'react-native-svg'
 
 class PieChartWithLabelExample extends React.PureComponent {