title: React Native / Victory Charts : Need to style coords
body: <p>I am building a small mobile app in React Native that displays a line graph.</p>
  
  <p>I have built the line graph via Victory Charts component.</p>
  
  <p>This is my App.js</p>
  
  <pre><code>import React, { Component } from 'react';
  import { StyleSheet, Text, View } from 'react-native';
  import { VictoryBar, VictoryChart, VictoryAxis, VictoryLine } from 'victory-native';
  
  export default class App extends React.Component {
    render() {
      return (
        &lt;View style={styles.container}&gt;
        &lt;VictoryChart
            domainPadding={{x: 40}}
            style={{marginLeft: 120}}
          &gt;
            &lt;VictoryLine
              data={[
                {logdate: "11-01", temp: 110 },
                {logdate: "12-01", temp: 98 },
  
  
  
              ]}
              x="logdate"
              y="temp"
              style={{
                data: {opacity: 0.7},
                labels: {fontSize: 12},
                parent: {border: "1px dotted #001"}
              }}
  
            /&gt;
            &lt;VictoryAxis
              label="logdate"
              style={{
                axisLabel: { padding: 30 }
              }}
            /&gt;
            &lt;VictoryAxis dependentAxis
              label="temp"
              style={{
                axisLabel: { padding: 40 }
              }}
            /&gt;
        &lt;/VictoryChart&gt;
        &lt;/View&gt;
      );
    }
  }
  
  const styles = StyleSheet.create({
    container: {
      flex: 1,
      backgroundColor: '#fff',
      alignItems: 'center',
      justifyContent: 'center',
    },
  });
  </code></pre>
  
  <p>The line graph is displayed as shown below <a href="https://i.stack.imgur.com/0lg4A.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/0lg4A.png" alt="enter image description here"></a></p>
  
  <p>The graph is working fine.</p>
  
  <p>I need help in styling of the x-axis co-ord's label as highlighted in the pic.</p>
  
  <p>Instead of showing "11-01" horizontally I want it to be shown vertically as shown in the pic.</p>
  
  <p>Anyone has any ideas ?</p>