# Sleep graph

<figure><img src="https://3977084115-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FqlEJn06pf7Cq4wRpdATT%2Fuploads%2FPzl5GAJayRO2CuRWfTs6%2Fsleep-graph.jpeg?alt=media&#x26;token=12f9afc3-4596-4fc0-ae72-f698e540ffcb" alt="" width="563"><figcaption></figcaption></figure>

```dart
class MenstrualCycleGraphExample extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('Sleep graph'),
      ),
      body: MenstrualSleepGraph(
        isShowMoreOptions: true,
        onPdfDownloadCallback: (pdfPath) async {
          // This function will be called when the user downloads an pdf
          // pdfPath contains the path to the downloaded pdf
        },
        onImageDownloadCallback: (imagePath) async {
          // This function will be called when the user downloads an image
          // imagePath contains the path to the downloaded image
        },
      ),
    );
  }
}
```

## Parameter

<table><thead><tr><th width="198">Parameters</th><th width="129">Datatype</th><th width="269">Description</th><th>Default Value</th></tr></thead><tbody><tr><td><code>loadingText</code></td><td>String</td><td>Specify the loading text while fetch data from databse.</td><td>Loading...</td></tr><tr><td><code>isShowMoreOptions</code></td><td>bool</td><td>Specify as true to show download image and pdf options into right-top of graph.</td><td>false</td></tr><tr><td><code>onImageDownloadCallback</code></td><td>Function</td><td>Callback this function if user download image. It's return a path of the image.</td><td>-</td></tr><tr><td><code>onPdfDownloadCallback</code></td><td>Function</td><td>Callback this function if user download pdf. It's return a path of the image.</td><td>-</td></tr><tr><td><code>xAxisTitle</code></td><td>String</td><td>Specify the title of xAxis</td><td>Cycle start date</td></tr><tr><td><code>xAxisTitleTextStyle</code></td><td>TextStyle</td><td>Specify the text style of xAxis</td><td>TextStyle(color: Colors.black, fontSize: 10)</td></tr><tr><td><code>isShowXAxisTitle</code></td><td>bool</td><td>Speficy false if want to hide xAxis title </td><td>true</td></tr><tr><td><code>yAxisTitle</code></td><td>String</td><td>Specify the title of yAxis</td><td>Cycle length (in days)</td></tr><tr><td><code>yAxisTitleTextStyle</code></td><td>TextStyle</td><td>Specify the text style of yAxis</td><td>TextStyle(color: Colors.black, fontSize: 10)</td></tr><tr><td><code>isShowYAxisTitle</code></td><td>bool</td><td>Speficy false if want to hide yAxis title </td><td>true</td></tr><tr><td><code>isShowSeriesColor</code></td><td>bool</td><td>Speficy false if want to hide series color</td><td>true</td></tr><tr><td><code>isShowYAxisGridLine</code></td><td>bool</td><td>Speficy false if want to hide header of graph</td><td>true</td></tr><tr><td><code>isShowYAxisGridLine</code></td><td>bool</td><td>Speficy true if want to show horizontal line into graph</td><td>false</td></tr><tr><td><code>isShowXAxisGridLine</code></td><td>bool</td><td>Speficy true if want to show verticle line into graph</td><td>false</td></tr><tr><td><code>tooltipBackgroundColor</code></td><td>Color</td><td>Specify the color of tooltip backgound</td><td>Colors.blue</td></tr><tr><td><code>themeColor</code></td><td>Color</td><td>Specify the color of graph</td><td>Colors.black</td></tr></tbody></table>