@ppci/top-sources v0.2.27

Top Consumer | Top Prosumers

Shows a list of your top x consumers/Prosumers

Table of contents

Installation

NPM

  npm i @ppci/top-sources

Usage

Javascript

import '@ppci/top-sources'

Browser

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

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

<top-sources
  deviceId="String"
  direction="String"
  energyType="String"
  sortBy="String"
  startDate="Date"
  endDate="Date"
></top-sources>

Theme | Styling

 top-sources {
  /* 
   * Category colors 
   * 1: LOCAL
   * 2: SOCIAL
   */
  --1-color: #32b4e9;
  --2-color: #ffa800;

  --icon-sun: '\\e9d4';
  --icon-wind: '\\e9c1';
  --icon-water: '\\e90b';
}

Properties