Add support for HorizontalBarChart and fix handling of chartType string

README.md

@@ -5,6 +5,7 @@ rich interactive react charting components using [chart.js](http://www.chartjs.o
 
 * Line chart
 * Bar chart
+* HorizontalBar chart
 * Radar chart
 * Polar area chart
 * Pie chart

index.js

@@ -2,6 +2,7 @@ module.exports = {
   Bar: require('./lib/bar'),
   Bubble: require('./lib/bubble'),
   Doughnut: require('./lib/doughnut'),
+  HorizontalBar: require('./lib/horizontal-bar'),
   Line: require('./lib/line'),
   Pie: require('./lib/pie'),
   PolarArea: require('./lib/polar-area'),

lib/core.js

@@ -8,6 +8,7 @@
 var React = require('react');
 var ReactDOM = require('react-dom');
 var Chart = require('chart.js');
+var camelCase = require('change-case').camelCase;
 
 module.exports = {
   createClass: function(chartType, methodNames, dataKey) {
@@ -73,7 +74,8 @@ module.exports = {
     classData.initializeChart = function(nextProps) {
       var el = ReactDOM.findDOMNode(this);
       var ctx = el.getContext("2d");
-      var type = (chartType === 'PolarArea') ? 'polarArea':chartType.toLowerCase();
+      // Convert to camelCase for PolarArea / HorizontalBar chart types
+      var type = camelCase(chartType);
 
       this.state.chart = new Chart(ctx, {
         type: type,

lib/horizontal-bar.js

@@ -0,0 +1,3 @@
+var vars = require('./core');
+
+module.exports = vars.createClass('HorizontalBar', []);

package.json

@@ -33,5 +33,8 @@
   "devDependencies": {
     "uglify-js": "^2.4.16",
     "webpack": "^1.4.14"
+  },
+  "dependencies": {
+    "change-case": "^3.0.0"
   }
 }