Merge pull request #166 from rpaskowitz/auto-rotate-off

Allow disabling auto-rotation of axis labels

Author: johnkiernander

src/objects/axis/begin.js

@@ -2,7 +2,7 @@
     // License: "https://github.com/PMSI-AlignAlytics/dimple/blob/master/MIT-LICENSE.txt"
     // Source: /src/objects/axis/begin.js
     // Help: http://github.com/PMSI-AlignAlytics/dimple/wiki/dimple.axis
-    dimple.axis = function (chart, position, categoryFields, measure, timeField) {
+    dimple.axis = function (chart, position, categoryFields, measure, timeField, autoRotateLabel) {
 
         // Help: http://github.com/PMSI-AlignAlytics/dimple/wiki/dimple.axis#wiki-chart
         this.chart = chart;
@@ -56,6 +56,8 @@
         this.fontSize = "10px";
         // Help: http://github.com/PMSI-AlignAlytics/dimple/wiki/dimple.axis#wiki-fontFamily
         this.fontFamily = "sans-serif";
+        // Help: http://github.com/PMSI-AlignAlytics/dimple/wiki/dimple.axis#wiki-autoRotateLabel
+        this.autoRotateLabel = (autoRotateLabel === null || autoRotateLabel === undefined ? true : autoRotateLabel);
 
         // If this is a composite axis, store links to all slaves
         this._slaves = [];

src/objects/chart/methods/draw.js

@@ -283,7 +283,7 @@
                         });
                 }
                 // Rotate labels, this can only be done once the formats are set
-                if (axis.measure === null || axis.measure === undefined) {
+                if (axis.autoRotateLabel && (axis.measure === null || axis.measure === undefined)) {
                     if (axis === firstX) {
                         // If the gaps are narrower than the widest label display all labels horizontally
                         widest = 0;
@@ -332,6 +332,11 @@
                                 .attr("transform", "");
                         }
                     }
+                } else {
+                    rotated = false;
+                    axis.shapes.selectAll("text")
+                        .style("text-anchor", "middle")
+                        .attr("transform", "");
                 }
                 if (axis.titleShape !== null && axis.titleShape !== undefined) {
                     axis.titleShape.remove();