@ppci/usage-origin

Usage Origin

Table of contents

1. Installation
2. Usage
3. Properties
4. Styling

Installation

NPM

npm i @ppci/usage-origin

// Polyfill: https://lit-element.polymer-project.org/guide/use#polyfills
npm i --save-dev @webcomponents/webcomponentsjs

Usage

Javascript

import '@ppci/usage-origin'

Browser

<!-- Default -->
<script type="module" src="https://cdn.jsdelivr.net/npm/@ppci/usage-origin/builds/index.min.js" />

<!-- Legacy -->
<script type="module" src="https://cdn.jsdelivr.net/npm/@ppci/usage-origin/builds/legacy.min.js" />

<!-- Component -->
<usage-origin></usage-origin>

Properties

Property	Type	Description	Possible Values
*deviceId*	String
startDate	String	format: YYYY-MM-DD
endDate	String	format: YYYY-MM-DD

Styling

* {
  --cat-1-color:#32b4e9;
  --cat-2-color:#ffa800;
  .
  .
  --cat-N-color:red;
  ---cat-backup-color:gray;
}