better attribute syntax

Author: scarroll

README.md

@@ -59,7 +59,7 @@ $scope.dotchart = {
 In the view, you just pass the appropriate attributes.
 
 ```
-<dotchart size="dotchart.data" valuesx="dotchart.valX" valuesy="dotchart.valY" options="dotchart.options"></dotchart>
+<dotchart size="dotchart.data" values-x="dotchart.valX" values-y="dotchart.valY" options="dotchart.options"></dotchart>
 ```
 
 That's it, you have a dot chart!

src/directives/dotchartDirective.js

@@ -12,8 +12,8 @@ angular.module('angular-graphael').directive('dotchart', function ($window, mapD
     return {
         restrict: 'E',
         scope: {
-            valuesx: '=',
-            valuesy: '=',
+            valuesX: '=',
+            valuesY: '=',
             size: '=',
             options: '=',
             x: '=',
@@ -34,7 +34,7 @@ angular.module('angular-graphael').directive('dotchart', function ($window, mapD
                 // Set up the canvas
                 r = $window.Raphael(element[0]);
                 // Add the chart to the canvas with all of our options and data.
-                r.dotchart(x, y, width, height, scope.valuesx, scope.valuesy, mapData(scope.size), scope.options);
+                r.dotchart(x, y, width, height, scope.valuesX, scope.valuesY, mapData(scope.size), scope.options);
             });
         }
     };

src/directives/linechartDirective.js

@@ -17,8 +17,8 @@ angular.module('angular-graphael').directive('linechart', function ($window, map
             x: '=',
             y: '=',
             options: '=',
-            valuesx: '=',
-            valuesy: '='
+            valuesX: '=',
+            valuesY: '='
         },
         template: '<div></div>',
         link: function (scope, element) {
@@ -39,7 +39,7 @@ angular.module('angular-graphael').directive('linechart', function ($window, map
                 // Set up the canvas
                 r = $window.Raphael(element[0]);
                 // Add the chart to the canvas with all of our options and data.
-                r.barchart(x, y, width, height, mapData(scope.valuesx), mapData(scope.valuesy), scope.options);
+                r.barchart(x, y, width, height, mapData(scope.valuesX), mapData(scope.valuesY), scope.options);
             });
         }
     };