exopen-react-native-charts - npm Package Compare versions

Comparing version 3.2.0 to 3.3.0

package.json

 {
 	"name": "exopen-react-native-charts",
-	"version": "3.2.0",
+	"version": "3.3.0",
 	"private": false,
@@ -5,0 +5,0 @@ "description": "Customizable charts (Line, Bar, Area, Pie, Circle) for React Native",

src/app.js

@@ -224,2 +224,8 @@ import React, { Component } from 'react'
                                     renderIntersection={() => <View style={{ height: 1, backgroundColor: 'blue' }}/>}
+                                    projections={[ {
+                                        x1: 2,
+                                        x2: 6,
+                                        y1: 150,
+                                        y2: 220,
+                                    } ]}
                                 />
@@ -226,0 +232,0 @@

src/line-chart.js

@@ -9,3 +9,3 @@ import React, { PureComponent } from 'react'
 import Path from './animated-path'
-import Svg, { Circle } from 'react-native-svg'
+import Svg, { Circle, Line } from 'react-native-svg'
 
@@ -84,2 +84,3 @@ class LineChart extends PureComponent {
                   renderIntersection,
+                  projections,
               } = this.props
@@ -164,2 +165,13 @@
                         }
+                        {projections.map(({ x1, x2, y1, y2 }, index) => (
+                            <Line
+                                key={index}
+                                x1={x(x1)}
+                                x2={x(x2)}
+                                y1={y(y1)}
+                                y2={y(y2)}
+                                stroke={strokeColor}
+                                strokeWidth={2}
+                            />
+                        ))}
                     </Svg>
@@ -201,2 +213,9 @@ {intersections.map((intersection) => (
     numberOfTicks: PropTypes.number,
+    projections: PropTypes.arrayOf(
+        PropTypes.shape({
+            x1: PropTypes.number,
+            x2: PropTypes.number,
+            y1: PropTypes.number,
+            y2: PropTypes.number,
+        })),
     showGrid: PropTypes.bool,
@@ -223,2 +242,3 @@ gridMin: PropTypes.number,
     intersections: [],
+    projections: [],
     renderIntersection: () => {
@@ -225,0 +245,0 @@ },

No alert changes

Improved metrics

Total package byte prevSize

503663

increased by0.44%

Lines of code

1895

increased by1.39%

No dependency changes