Add rotation bar chart label (#144)

capitalone · May 3, 2017 · 5f12ec5 · 5f12ec5
1 parent e73a7c5
commit 5f12ec5
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 2 deletions.
diff --git a/src/Bar.js b/src/Bar.js
@@ -51,7 +51,8 @@ export default class BarChart extends Component {
           fontFamily: 'Arial',
           fontSize: 14,
           bold: true,
-          color: '#34495E'
+          color: '#34495E',
+          rotate: 45,
         }
       },
       axisY: {
@@ -134,7 +135,7 @@ export default class BarChart extends Component {
                     {options.axisX.showLabels ?
                         <Text fontFamily={textStyle.fontFamily}
                           fontSize={textStyle.fontSize} fontWeight={textStyle.fontWeight} fontStyle={textStyle.fontStyle}
-                          fill={textStyle.fill} x={c.line.centroid[0]} y={labelOffset + chartArea.y.min} rotate={45} textAnchor="middle">
+                          fill={textStyle.fill} x={c.line.centroid[0]} y={labelOffset + chartArea.y.min} rotate={textStyle.rotate} textAnchor="middle">
                           {c.item.name}
                         </Text>
                     : null}

diff --git a/src/util.js b/src/util.js
@@ -45,6 +45,7 @@ export const fontAdapt = (fontProps) => {
   return {
     fontFamily: fontProps.fontFamily,
     fontSize: fontProps.fontSize,
+    rotate: fontProps.rotate || 0,
     fontWeight: fontProps.fontWeight ? 'bold' : 'normal',
     fontStyle: fontProps.fontStyle ? 'italic' : 'normal' ,
     fill: fill