Multiline example (#15)

* Multi-line example

Thanks to Saman Kumara on StackOverflow for this example: https://stackoverflow.com/a/59207977/1437016

* Added multi-line image

* Updated readme for multi-line example

README.md

@@ -49,6 +49,7 @@ Click an example to see the code! 💪
 [<img src="./screenshots/extras.png" width=33% />](./storybook/stories/extras.js)
 [<img src="./screenshots/both-axes.png" width=33% />](./storybook/stories/both-axes.js)
 [<img src="./screenshots/decorators.png" width=33% />](./storybook/stories/decorator.js)
+[<img src="./screenshots/multi-line.png" width=33% />](./storybook/stories/line-chart/multi-line.js)
 
 ## StackedAreaChart
 

storybook/stories/line-chart/multi-line.js

@@ -0,0 +1,35 @@
+import React from 'react'
+import { LineChart, Path, Grid } from 'react-native-svg-charts'
+
+class LineChartExample extends React.PureComponent {
+
+    render() {
+
+        const data1 = [ 50, 10, 40, 95, -4, -24, 85, 91, 35, 53, -53, 24, 50, -20, -80 ]
+        const data2 = [ -87, 66, -69, 92, -40, -61, 16, 62, 20, -93, -54, 47, -89, -44, 18 ]
+
+        //Array of datasets, following this syntax:
+        const data = [
+            {
+                data: data1,
+                svg: { stroke: 'purple' },
+            },
+            {
+                data: data2,
+                svg: { stroke: 'green' },
+            },
+        ]
+
+        return (
+            <LineChart
+              style={{ height: 200 }}
+              data={ data }
+              contentInset={{ top: 20, bottom: 20 }}
+            >
+                <Grid />
+            </LineChart>
+        )
+    }
+}
+
+export default LineChartExample