Usage Origin
Table of contents
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;
}