added horizontalBarChart

Author: renddiyeh

dist/react-chartjs-2.js

@@ -12,6 +12,7 @@ exports.Doughnut = Doughnut;
 exports.Pie = Pie;
 exports.Line = Line;
 exports.Bar = Bar;
+exports.HorizontalBar = HorizontalBar;
 exports.Radar = Radar;
 exports.Polar = Polar;
 
@@ -43,7 +44,7 @@ var ChartComponent = _react2['default'].createClass({
 		legend: _react.PropTypes.object,
 		options: _react.PropTypes.object,
 		redraw: _react.PropTypes.bool,
-		type: _react.PropTypes.oneOf(['doughnut', 'pie', 'line', 'bar', 'radar', 'polarArea']),
+		type: _react.PropTypes.oneOf(['doughnut', 'pie', 'line', 'bar', 'horizontalBar', 'radar', 'polarArea']),
 		width: _react.PropTypes.number
 	},
 
@@ -163,6 +164,10 @@ function Bar(props) {
 	return _react2['default'].createElement(ChartComponent, _extends({}, props, { type: 'bar' }));
 }
 
+function HorizontalBar(props) {
+	return _react2['default'].createElement(ChartComponent, _extends({}, props, { type: 'horizontalBar' }));
+}
+
 function Radar(props) {
 	return _react2['default'].createElement(ChartComponent, _extends({}, props, { type: 'radar' }));
 }

dist/react-chartjs-2.min.js

@@ -0,0 +1,30 @@
+import React from 'react';
+import {HorizontalBar} from 'react-chartjs-2';
+
+const data = {
+  labels: ['January', 'February', 'March', 'April', 'May', 'June', 'July'],
+  datasets: [
+    {
+      label: 'My First dataset',
+      backgroundColor: 'rgba(255,99,132,0.2)',
+      borderColor: 'rgba(255,99,132,1)',
+      borderWidth: 1,
+      hoverBackgroundColor: 'rgba(255,99,132,0.4)',
+      hoverBorderColor: 'rgba(255,99,132,1)',
+      data: [65, 59, 80, 81, 56, 55, 40]
+    }
+  ]
+};
+
+export default React.createClass({
+  displayName: 'BarExample',
+
+  render() {
+    return (
+      <div>
+        <h2>Horizontal Bar Example</h2>
+        <HorizontalBar data={data} />
+      </div>
+    );
+  }
+});

example/src/components/horizontalBar.js

@@ -6,6 +6,7 @@ import DynamicDoughnutExample from './components/dynamic-doughnut';
 import PieExample from './components/pie';
 import LineExample from './components/line';
 import BarExample from './components/bar';
+import HorizontalBarExample from './components/horizontalBar';
 import RadarExample from './components/radar';
 import PolarExample from './components/polar';
 import MixedDataExample from './components/mix';
@@ -25,6 +26,8 @@ class App extends React.Component {
 				<hr />
 				<BarExample />
 				<hr />
+				<HorizontalBarExample />
+				<hr />
 				<RadarExample />
 				<hr />
 				<PolarExample />

example/src/example.js

@@ -10,6 +10,7 @@ exports.Doughnut = Doughnut;
 exports.Pie = Pie;
 exports.Line = Line;
 exports.Bar = Bar;
+exports.HorizontalBar = HorizontalBar;
 exports.Radar = Radar;
 exports.Polar = Polar;
 
@@ -41,7 +42,7 @@ var ChartComponent = _react2['default'].createClass({
 		legend: _react.PropTypes.object,
 		options: _react.PropTypes.object,
 		redraw: _react.PropTypes.bool,
-		type: _react.PropTypes.oneOf(['doughnut', 'pie', 'line', 'bar', 'radar', 'polarArea']),
+		type: _react.PropTypes.oneOf(['doughnut', 'pie', 'line', 'bar', 'horizontalBar', 'radar', 'polarArea']),
 		width: _react.PropTypes.number
 	},
 
@@ -161,6 +162,10 @@ function Bar(props) {
 	return _react2['default'].createElement(ChartComponent, _extends({}, props, { type: 'bar' }));
 }
 
+function HorizontalBar(props) {
+	return _react2['default'].createElement(ChartComponent, _extends({}, props, { type: 'horizontalBar' }));
+}
+
 function Radar(props) {
 	return _react2['default'].createElement(ChartComponent, _extends({}, props, { type: 'radar' }));
 }

lib/Chart.js

@@ -4,13 +4,13 @@
   "description": "react-chartjs-2",
   "main": "lib/Chart.js",
   "author": "Goran Udosic",
-  "homepage": "https://github.com/gor181/react-chartjs-2",
+  "homepage": "https://github.com/renddiyeh/react-chartjs-2",
   "repository": {
     "type": "git",
-    "url": "https://github.com/gor181/react-chartjs-2.git"
+    "url": "https://github.com/renddiyeh/react-chartjs-2.git"
   },
   "bugs": {
-    "url": "https://github.com/gor181/react-chartjs-2/issues"
+    "url": "https://github.com/renddiyeh/react-chartjs-2/issues"
   },
   "dependencies": {
     "chart.js": "^2.2.0-rc.1"

package.json

@@ -13,7 +13,7 @@ const ChartComponent = React.createClass({
 		legend: PropTypes.object,
 		options: PropTypes.object,
 		redraw: PropTypes.bool,
-		type: PropTypes.oneOf(['doughnut', 'pie', 'line', 'bar', 'radar', 'polarArea']),
+		type: PropTypes.oneOf(['doughnut', 'pie', 'line', 'bar', 'horizontalBar', 'radar', 'polarArea']),
 		width: PropTypes.number
 	},
 
@@ -124,6 +124,10 @@ export function Bar (props) {
 	return <ChartComponent {...props} type='bar' />;
 }
 
+export function HorizontalBar (props) {
+	return <ChartComponent {...props} type='horizontalBar' />;
+}
+
 export function Radar (props) {
 	return <ChartComponent {...props} type='radar' />;
 }