2.2.2 (#39)

* don't render points based on keys, but rather based on data points (#38)

* 2.2.2

Author: JesperLekland

package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-native-svg-charts",
-  "version": "2.2.1",
+  "version": "2.2.2",
   "private": false,
   "description": "Customizable charts (Line, Bar, Area, Pie, Circle, Waterfall, Progress) for React Native",
   "main": "src/index.js",

src/stacked-area-chart.js

@@ -84,7 +84,7 @@ class AreaStack extends PureComponent {
             .range([ height - bottom, top ])
 
         const x = scale.scaleLinear()
-            .domain([ 0, keys.length - 1 ])
+            .domain([ 0, data.length - 1 ])
             .range([ left, width - right ])
 
         const areas = series.map((serie, index) => {
@@ -93,7 +93,7 @@ class AreaStack extends PureComponent {
                 .y0(d => y(d[ 0 ]))
                 .y1(d => y(d[ 1 ]))
                 .curve(curve)
-                (keys.map((_, index) => serie[ index ]))
+                (data.map((_, index) => serie[ index ]))
 
             return {
                 path,
@@ -140,7 +140,7 @@ class AreaStack extends PureComponent {
                             )
                         ) }
                         { series.map((serie) => {
-                            return keys.map((key, index) => {
+                            return data.map((key, index) => {
                                 return renderDecorator({ x, y, index, value: serie[ index ][ 1 ] })
                             })
                         }) }