Lovelace Pie Chart Card

This card will display a doughnut chart based on your specified entities. This was based on https://github.com/cheelio/power-usage-card.

Usage

Add plugin .js as a module:

- url: /local/pie-chart-card.js
  type: module

----iPa64 13.12.2020
About the bug with color not displayed, added the workaround proposed by MACscr (disabled auto update), not perfect but better than the original issue. Added attributes: chart_type: doughnut or pie display_legend: false or true Size modified, 150

Need to do: define size by attribute

Options

Name	Type	Default	Description
type	`string`	Required	`custom:pie-chart-card`
entities	`array`	Required	A list of `Entity` objects.
title	`string`	"Pie Chart"	Title of the card.
total_amount	`string`	none	Either an entity or number which provides the total value for the pie chart. If provided, then other measured values will be substracted from total to calculate 'unknown' value.
unknownText	`string`	none	Optional customized unknown text. Only applicable with `total_amount` option enabled.
chart_type	`string`	none	doughnut or pie.
display_legend	`boolean`	true	display or hide legend

`Entity` Object

Name	Type	Default	Description
entity	`string`	Required	The entity_id of the entity you want to show.
name	`string`	`friendly_name`	Name to use for entity. If this is not provided, then the entity `friendly_name` will be used. If the `friendly_name` does not exist, the actual entity_id will be used.

Examples

Default

- type: "custom:pie-chart-card"
  title: "Example Pie Chart"
  entities:
    - entity: sensor.example_1
      name: Slice 1
    - entity: sensor.example_2
      name: Slice 4
    - entity: sensor.example_3
      name: Slice 3

Total Amount Using an Entity

- type: "custom:pie-chart-card"
  title: "Example Pie Chart"
  total_amount: sensor.total_amount
  entities:
    - entity: sensor.example_1
      name: Slice 1
    - entity: sensor.example_2
      name: Slice 4
    - entity: sensor.example_3
      name: Slice 3

Total Amount Using a Number

- type: "custom:pie-chart-card"
  title: "Example Pie Chart"
  total_amount: 10000
  entities:
    - entity: sensor.example_1
      name: Slice 1
    - entity: sensor.example_2
      name: Slice 4
    - entity: sensor.example_3
      name: Slice 3

Custom Unknown Text

- type: "custom:pie-chart-card"
  title: "Example Pie Chart"
  total_amount: 10000
  unknownText: "Missing Value"
  entities:
    - entity: sensor.example_1
      name: Slice 1
    - entity: sensor.example_2
      name: Slice 4
    - entity: sensor.example_3
      name: Slice 3

ipa64/pie-chart-card