tomauty
diff --git a/‎.babelrc‎
Lines changed: 8 additions & 0 deletions b/‎.babelrc‎
Lines changed: 8 additions & 0 deletions
diff --git a/‎.buckconfig‎
Lines changed: 6 additions & 0 deletions b/‎.buckconfig‎
Lines changed: 6 additions & 0 deletions
diff --git a/‎.eslintrc‎
Lines changed: 41 additions & 30 deletions b/‎.eslintrc‎
Lines changed: 41 additions & 30 deletions
diff --git a/‎.flowconfig‎
Lines changed: 95 additions & 0 deletions b/‎.flowconfig‎
Lines changed: 95 additions & 0 deletions
diff --git a/‎.gitignore‎
Lines changed: 15 additions & 0 deletions b/‎.gitignore‎
Lines changed: 15 additions & 0 deletions
diff --git a/‎.npmignore‎
Lines changed: 0 additions & 2 deletions b/‎.npmignore‎
Lines changed: 0 additions & 2 deletions
diff --git a/‎.watchmanconfig‎
Lines changed: 1 addition & 0 deletions b/‎.watchmanconfig‎
Lines changed: 1 addition & 0 deletions
diff --git a/‎LICENSE‎
Lines changed: 0 additions & 1 deletion b/‎LICENSE‎
Lines changed: 0 additions & 1 deletion
diff --git a/‎README.md‎
Lines changed: 44 additions & 88 deletions b/‎README.md‎
Lines changed: 44 additions & 88 deletions
@@ -0,0 +1,8 @@
+{
+  "retainLines": true,
+  "compact": true,
+  "comments": false,
+  "presets": ["react-native"],
+  "plugins": ["transform-flow-strip-types"],
+  "sourceMaps": false
+}
@@ -0,0 +1,6 @@
+
+[android]
+  target = Google Inc.:Google APIs:23
+
+[maven_repositories]
+  central = https://repo1.maven.org/maven2
@@ -1,32 +1,43 @@
 {
-  "parser": "babel-eslint",
-  "env": {
-    "browser": true,
-    "node": true
-  },
-  "settings": {
-    "ecmascript": 6,
-    "jsx": true
-  },
-  "plugins": [
-    "react",
-    "react-native"
-  ],
-  "extends": "airbnb",
-  "rules": {
-    "indent": [2, "tab"],
-    "quote-props": 0,
-    "max-len": [2, 150, 4, {"ignoreComments": true, "ignoreUrls": true, "ignorePattern": "^\\s*var\\s.+=\\s*require\\s*\\("}],
-    "strict": 0,
-    "no-console": 0,
-    "quotes": 0,
-    "no-unused-vars": [1, {"args": "after-used", "argsIgnorePattern": "^_"}],
-    "no-param-reassign": [2, {"props": false}],
-    "react/jsx-no-bind": [1, { "allowArrowFunctions": true }],
-    "camelcase": 0,
-    "no-alert": 0,
-    "no-underscore-dangle": 0,
-    "no-mixed-spaces-and-tabs": [2, "smart-tabs"],
-    "react-native/no-unused-styles": 2
-  }
+    "parser": "babel-eslint",
+    "globals": {},
+    "env": {
+        "node": true
+    },
+    "settings": {
+        "ecmascript": 6,
+        "jsx": true
+    },
+    "plugins": [
+        "react",
+        "react-native",
+        "flowtype",
+        "flow-vars"
+    ],
+    "extends": "airbnb",
+    "rules": {
+        "arrow-body-style": [0, "as-needed"],
+        "camelcase": 0,
+        "flow-vars/define-flow-type": 1,
+        "flow-vars/use-flow-type": 1,
+        "indent": [2, "tab"],
+        "max-len": [2, 150, 4, {"ignoreComments": true, "ignoreUrls": true, "ignorePattern": "^\\s*var\\s.+=\\s*require\\s*\\("}],
+        "no-alert": 0,
+        "no-console": 1,
+        "no-labels": 0,
+        "no-param-reassign": [2, {"props": false}],
+        "no-underscore-dangle": 0,
+        "no-unused-vars": [1, {"args": "after-used", "argsIgnorePattern": "^_"}],
+        "no-use-before-define": 0,
+        "quote-props": 0,
+        "quotes": 0,
+        "react-native/no-unused-styles": 1,
+        "react/jsx-indent": [2, "tab"],
+        "react/jsx-indent-props": [2, "tab"],
+        "react/jsx-no-bind": [1, { "allowArrowFunctions": true }],
+        "react/no-multi-comp": 0,
+        "react/prefer-stateless-function": 0,
+        "space-infix-ops": 0,
+        "strict": 0
+    }
 }
@@ -0,0 +1,95 @@
+[ignore]
+
+# We fork some components by platform.
+.*/*.web.js
+.*/*.android.js
+
+# Some modules have their own node_modules with overlap
+.*/node_modules/node-haste/.*
+
+# Ugh
+.*/node_modules/babel.*
+.*/node_modules/babylon.*
+.*/node_modules/invariant.*
+
+# Ignore react and fbjs where there are overlaps, but don't ignore
+# anything that react-native relies on
+.*/node_modules/fbjs/lib/Map.js
+.*/node_modules/fbjs/lib/ErrorUtils.js
+
+# Flow has a built-in definition for the 'react' module which we prefer to use
+# over the currently-untyped source
+.*/node_modules/react/react.js
+.*/node_modules/react/lib/React.js
+.*/node_modules/react/lib/ReactDOM.js
+
+.*/__mocks__/.*
+.*/__tests__/.*
+
+.*/commoner/test/source/widget/share.js
+
+# Ignore commoner tests
+.*/node_modules/commoner/test/.*
+
+# See https://github.com/facebook/flow/issues/442
+.*/react-tools/node_modules/commoner/lib/reader.js
+
+# Ignore jest
+.*/node_modules/jest-cli/.*
+
+# Ignore Website
+.*/website/.*
+
+# Ignore generators
+.*/local-cli/generator.*
+
+# Ignore BUCK generated folders
+.*\.buckd/
+
+.*/node_modules/is-my-json-valid/test/.*\.json
+.*/node_modules/iconv-lite/encodings/tables/.*\.json
+.*/node_modules/y18n/test/.*\.json
+.*/node_modules/spdx-license-ids/spdx-license-ids.json
+.*/node_modules/spdx-exceptions/index.json
+.*/node_modules/resolve/test/subdirs/node_modules/a/b/c/x.json
+.*/node_modules/resolve/lib/core.json
+.*/node_modules/jsonparse/samplejson/.*\.json
+.*/node_modules/json5/test/.*\.json
+.*/node_modules/ua-parser-js/test/.*\.json
+.*/node_modules/builtin-modules/builtin-modules.json
+.*/node_modules/binary-extensions/binary-extensions.json
+.*/node_modules/url-regex/tlds.json
+.*/node_modules/joi/.*\.json
+.*/node_modules/isemail/.*\.json
+.*/node_modules/tr46/.*\.json
+
+
+[include]
+react-native-chart.flow.js
+
+[libs]
+node_modules/react-native/Libraries/react-native/react-native-interface.js
+node_modules/react-native/flow
+flow/
+
+[options]
+module.system=haste
+
+esproposal.class_static_fields=enable
+esproposal.class_instance_fields=enable
+
+munge_underscores=true
+
+module.name_mapper='^image![a-zA-Z0-9$_-]+$' -> 'GlobalImageStub'
+module.name_mapper='^[./a-zA-Z0-9$_-]+\.\(bmp\|gif\|jpg\|jpeg\|png\|psd\|svg\|webp\|m4v\|mov\|mp4\|mpeg\|mpg\|webm\|aac\|aiff\|caf\|m4a\|mp3\|wav\|html\|pdf\)$' -> 'RelativeImageStub'
+
+suppress_type=$FlowIssue
+suppress_type=$FlowFixMe
+suppress_type=$FixMe
+
+suppress_comment=\\(.\\|\n\\)*\\$FlowFixMe\\($\\|[^(]\\|(\\(>=0\\.\\(2[0-4]\\|1[0-9]\\|[0-9]\\).[0-9]\\)? *\\(site=[a-z,_]*react_native[a-z,_]*\\)?)\\)
+suppress_comment=\\(.\\|\n\\)*\\$FlowIssue\\((\\(>=0\\.\\(2[0-4]\\|1[0-9]\\|[0-9]\\).[0-9]\\)? *\\(site=[a-z,_]*react_native[a-z,_]*\\)?)\\)?:? #[0-9]+
+suppress_comment=\\(.\\|\n\\)*\\$FlowFixedInNextDeploy
+
+[version]
+0.25.0
@@ -1,3 +1,7 @@
+# OSX
+#
+.DS_Store
+
 # Xcode
 #
 build/
@@ -28,4 +32,15 @@ DerivedData
 /node_modules/
 .DS_Store
 lib
+project.xcworkspace
+
+# Android/IJ
+#
+.idea
+.gradle
+local.properties
+
+# node.js
+#
+node_modules/
 npm-debug.log
@@ -1,3 +1 @@
-/Example
-index.js
 screenshots
@@ -0,0 +1 @@
+{}
@@ -19,4 +19,3 @@ AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
 LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
 OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
 SOFTWARE.
-
@@ -10,19 +10,12 @@ react-native-chart is a simple module for adding line charts, area charts, or ba
 ## Getting Started
 [![NPM](https://nodei.co/npm/react-native-chart.png?downloads=true)](https://nodei.co/npm/react-native-chart/)
 
-1. `npm install react-native-chart --save`
-2. I recommend using [rnpm](https://github.com/rnpm/rnpm) for linking.
-
-	2a. `npm install -g rnpm`
-
-	2b. `rnpm link`
-
-If you'd rather not use `rnpm`, you can link the library as described [here](https://facebook.github.io/react-native/docs/linking-libraries-ios.html).
+1. `npm i react-native-chart --save`
 
 ## Usage
 ```javascript
 import React, { StyleSheet, View, Component } from 'react-native';
-import RNChart from 'react-native-chart';
+import Chart from 'react-native-chart';
 
 const styles = StyleSheet.create({
 	container: {
@@ -32,43 +25,27 @@ const styles = StyleSheet.create({
 		backgroundColor: 'white',
 	},
 	chart: {
-		position: 'absolute',
-		top: 16,
-		left: 4,
-		bottom: 4,
-		right: 16,
-	}
+		width: 200,
+		height: 200,
+	},
 });
 
-const chartData = [
-	{
-		name: 'BarChart',
-		type: 'bar',
-		color:'purple',
-		widthPercent: 0.6,
-		data: [30, 1, 1, 2, 3, 5, 21, 13, 21, 34, 55, 30],
-	},
-	{
-		name: 'LineChart',
-		color: 'gray',
-		lineWidth: 2,
-		highlightIndices: [1, 2],	// The data points at indexes 1 and 2 will be orange
-		highlightColor: 'orange',
-		showDataPoint: true,
-		data: [10, 12, 14, 25, 31, 52, 41, 31, 52, 66, 22, 11],
-	}
+const data = [
+	[0, 1],
+	[1, 3],
+	[3, 7],
+	[4, 9],
 ];
 
-const xLabels = ['0','1','2','3','4','5','6','7','8','9','10','11'];
-
 class SimpleChart extends Component {
 	render() {
 		return (
 			<View style={styles.container}>
-				<RNChart style={styles.chart}
-					chartData={chartData}
+				<Chart
+					style={styles.chart}
+					data={data}
 					verticalGridStep={5}
-					xLabels={xLabels}
+					type="line"
 				 />
 			</View>
 		);
@@ -77,58 +54,37 @@ class SimpleChart extends Component {
 
 ```
 ## Properties
-All properties are optional otherwise noted
-### General
-- **`chartData`** _(ObjectArray)_ - : one nested block produces one type of chart
-	- **`data`** - _(NumberArray)_ - Y axis values / **Required**
-	- **`name`** - _(String)_ - name of the plot
-	- **`type`** - _(String)_ - "line" or "bar" / Default: line"
-	- **`fillColor`** - _(String/Color)_ - Line chart only: area fill color / If not specified, the line will not be filled
-	- **`lineWidth`** - _(Float)_ - Line chart only: line width / Default: 1.0
-	- **`widthPercent`** - _(Float)_ - Bar chart only: [0 - 1.0], 0.1 means very skinny, 1.0 means bars touch each other / Default: 0.5
-	- **`showDataPoint`** - _(Boolean)_ - show or hide the data points / Default: false
-	- **`dataPointColor`** - _(String/Color)_ - outline color of the data point / Default: blue
-	- **`dataPointFillColor`** - _(String/Color)_ - fill color of the data point / Default: blue
-	- **`dataPointRadius`** - _(Float)_ - the radius of the data point / Default: 1.0
-	- **`cornerRadius`** - _(Float)_ corner radius of the bars in a bar chart / Default: 1.0 / If 0, it will be completely rectangular.
-	- **`highlightColor`** - _(String/Color)_ - the color of the highlighted data points at the highlight indices. this will override `dataPointColor` and `dataPointFillColor`.
-	- **`highlightIndices`** - _(NumberArray)_ - the indices to apply the `highlightColor`
-	- **`highlightRadius`** - _(Float)_ - the radius of a highlighted data point / Default: 1.0
-	- **`sliceColors`** _(Array)_ - array of colors for the pie chart slices. matched by index with the `chartData.data` array. if fewer specified, remaining slices will be blue for now. **Required for pie chart**
-
-
-- **`animationDuration`** _(Float)_ - duration of the animation in seconds / Default: 0.3
-- **`axisColor`** _(String/Color)_ - color of the X and Y axes / Default: lightgray
-- **`axisLineWidth`** _(Float)_ - width of the axis line / Default: 1
-- **`axisTitleColor`** _(String/Color)_ - color of the title of the axes / Default: gray
-- **`axisTitleFontSize`** _(Integer)_ - font size of axis titles / Default: 10
-- **`chartTitle`** _(String)_ - title of the chart
-- **`chartTitleColor`** _(String/Color)_ - color of the chart title / Default: gray
-- **`gridColor`** _(String/Color)_ - color of the grid / Default: lightgray
-- **`gridLineWidth`** _(Float)_ - width of the grid line / Default: 0.5
-- **`hideHorizontalGridLines`** _(Boolean)_ - hides the horizontal grid lines when showGrid is true / Default: false
-- **`hideVerticalGridLines`** _(Boolean)_ - hides the vertical grid lines when showGrid is true / Default: false
-- **`labelFontSize`** _(Integer)_ - font size of axis labels / Default: 10
-- **`labelTextColor`** _(String/Color)_ - text color of axis labels / Default: gray
-- **`showAxis`** _(Boolean)_ - show or hide axis / Default: true
-- **`showGrid`** _(Boolean)_ - show or hide grid / Default: true
-- **`showXAxisLabels`** _(Boolean)_ - show or hide axis labels for the X axis / Default: true
-- **`showYAxisLabels`** _(Boolean)_ - show or hide axis labels for the Y axis / Default: true
-- **`tightBounds`** _(Boolean)_ - constrict Y axis to min/max of values instead of max/minning with 0 / Default: false
-- **`verticalGridStep`** _(Integer)_ - number of Y axis grids / Default: 3
-- **`xAxisTitle`** _(String)_ - Title for the x-axis
-- **`xLabels`** _(StringArray)_ - array of all X axis label strings.	This determines the X-axis grid as well.	Need to match the number of input data in `chartData` / **Required**
-- **`yAxisTitle`** _(String)_ - Title for the y-axis
-
-
-## Known Issues / TODO
-- Needs touch support
-- Needs legend
-- Stack Bar Chart
-- Multi Line Chart
-- Scatter/Bubble chart
-- Testing w/ Travis CI
 
+| Property                | Type                      | Description                                               | Required | Default               |
+| ----------------------- | ------------------------- | --------------------------------------------------------- | -------- | --------------------- |
+| data                    | Array< [number, number] > | An array of [x, y] pairs.                                 | **Yes**  |                       |
+| type                    | string                    | pie/bar/line                                              | **Yes**  | bar                   |
+| color                   | string                    | Color of bars/line in line chart                          | No       | #4DC4E6               |
+| cornerRadius            | number                    | Corner radius of bars in bar chart                        | No       | 0                     |
+| fillColor               | string                    | Fill area color in line chart                             | No       |                       |
+| dataPointColor          | string                    | Stroke color for line chart data point                    | No       |                       |
+| dataPointFillColor      | string                    | Fill color for line chart data point                      | No       |                       |
+| dataPointRadius         | number                    | Radius of the data point                                  | No       | 3                     |
+| lineWidth               | number                    | Width of line chart line                                  | No       | 1                     |
+| showDataPoint           | boolean                   | Show data points on line chart                            | No       | false                 |
+| sliceColors             | Array < string >          | Array of colors for pie chart slices                      | **Yes**  | [ < random colors > ] |
+| axisColor               | string                    | Color of axis lines                                       | No       | #333333               |
+| axisLabelColor          | string                    | Color of axis test                                        | No       | #333333               |
+| axisLineWidth           | number                    | Width of axis lines                                       | No       | 1                     |
+| gridColor               | string                    | Color of grid lines                                       | No       | #333333               |
+| gridLineWidth           | number                    | Width of grid lines                                       | No       | 0.5                   |
+| hideHorizontalGridLines | boolean                   | Hide grid lines going from LTR                            | No       | false                 |
+| hideVerticalGridLines   | boolean                   | Hide grid lines going up -> down                          | No       | false                 |
+| showAxis                | boolean                   | Show the X and Y axes                                     | No       | true                  |
+| showGrid                | boolean                   | Show the grid                                             | No       | true                  |
+| showXAxisLabels         | boolean                   | Show X-Axis labels                                        | No       | true                  |
+| showYAxisLabels         | boolean                   | Show Y-Axis labels                                        | No       | true                  |
+| style                   | object                    | Style on the container                                    | No       | {}                    |
+| tightBounds             | boolean                   | Tighten min and max bounds strictly to min/max in dataset | No       | false                 |
+| verticalGridStep        | number                    | How many vertical grid lines to show                      | No       | 4                     |
+| xAxisHeight             | number                    | Height of X-axis container                                | No       | 20                    |
+| yAxisTransform          | Function                  | Transform data point to y-axis label                      | No       | (_) => _              |
+| yAxisWidth              | number                    | Width of the Y-axis container                             | No       | 30                    |
 ## Info/Support
 
 Work prior to repo transfer on Feb 1, 2015 was the work of Hyun Cho @ OneFold.
Original file line number	Diff line number	Diff line change
`@@ -1,3 +1 @@`
`1`		`-/Example`
`2`		`-index.js`
`3`	`1`	`screenshots`