title: UI to show sleep functionality Graph
body: <p><a href="https://i.stack.imgur.com/ggiOi.png" rel="nofollow noreferrer">enter image description here</a></p>
  <p>I want to show sleep functionality in graph format but unable to do UI.Any help will be appreciated. Please find attached image for reference.</p>
  <p>have tried as below.</p>
  <pre><code> &lt;HorizontalBarChart
     style={{ height: 50 }}
     legend={{ enabled: false }}
     chartDescription={{ text: &quot;&quot; }}
     data={this.state.bardata}
     xAxis={this.state.xAxis} 
     yAxis={this.state.yAxis} 
     drawGridBackground={false}
     drawBorders={false}
     touchEnabled={true} 
     dragEnabled={false}
     scaleEnabled={false}
     scaleXEnabled={false} 
     scaleYEnabled={false} 
     pinchZoom={false} 
     doubleTapToZoomEnabled={false} 
     dragDecelerationEnabled={true}
     dragDecelerationFrictionCoef={0.99}
     keepPositionOnRotation={false} 
     contentInset={{ top: 10, bottom: 10 }}
    /&gt;
  </code></pre>