sp-dev-fx-webparts/samples/react-graph-reports
Laura Kokkarinen 4bc4f710ca Added missing telemetry image and installation instructions. 2019-04-14 14:56:01 +03:00
..
assets react-graph-reports solution has been added 2019-04-09 13:57:49 +01:00
config react-graph-reports solution has been added 2019-04-09 13:57:49 +01:00
src react-graph-reports solution has been added 2019-04-09 13:57:49 +01:00
teams react-graph-reports solution has been added 2019-04-09 13:57:49 +01:00
.editorconfig react-graph-reports solution has been added 2019-04-09 13:57:49 +01:00
.gitignore react-graph-reports solution has been added 2019-04-09 13:57:49 +01:00
.yo-rc.json react-graph-reports solution has been added 2019-04-09 13:57:49 +01:00
README.md Added missing telemetry image and installation instructions. 2019-04-14 14:56:01 +03:00
gulpfile.js react-graph-reports solution has been added 2019-04-09 13:57:49 +01:00
package-lock.json react-graph-reports solution has been added 2019-04-09 13:57:49 +01:00
package.json react-graph-reports solution has been added 2019-04-09 13:57:49 +01:00
tsconfig.json react-graph-reports solution has been added 2019-04-09 13:57:49 +01:00
tslint.json react-graph-reports solution has been added 2019-04-09 13:57:49 +01:00

README.md

react-graph-reports

Summary

This sample describe a SPFX application which reterive an office 365 usage reports using Microsoft Graph API. This application also use chartjs library to generate graph.

Office 365 Usage Reports using Microsoft Graph API

Used SharePoint Framework Version

drop

Applies to

Prerequisites

You need following set of permissions in order to retrieve office 365 usage reports. Find out more about consuming the Microsoft Graph API in the SharePoint Framework

Microsoft Graph API Permissions

Solution

Solution Author(s)
react-graph-reports Ejaz Hussain

Version history

Version Date Comments
1.0 April 09, 2019 Initial release

Disclaimer

THIS CODE IS PROVIDED AS IS WITHOUT WARRANTY OF ANY KIND, EITHER EXPRESS OR IMPLIED, INCLUDING ANY IMPLIED WARRANTIES OF FITNESS FOR A PARTICULAR PURPOSE, MERCHANTABILITY, OR NON-INFRINGEMENT.


Minimal Path to Awesome

  • Clone this repository
  • in the command line run:
    • npm install
    • gulp serve

If you have not previously granted the required Microsoft Graph permissions, you need to:

  • Run gulp bundle --ship
  • Run gulp package-solution --ship
  • Install the .sppkg file (under .\sharepoint\solution) to the SP app catalog
  • Approve the API permissions in the new SP admin center

Features

Here are main features for this application

  • Material UI Components (Tab)
  • Microsoft Graph API to reterive Office 365 Usage reports
  • ChartJS integrations
  • Dependency Injection in SPFX using Service Scope