github kalkih/mini-graph-card v0.14.0-dev.2

pre-release4 hours ago

WARNING

This is a pre-release, some functionality might be changed in the final "normal" release (like a name of an option, behaviour of a feature).
Please test, report bugs, provide observations.

What's Changed

features:

fixes:

docs:


New Contributors

Full Changelog: v0.14.0-dev.1...v0.14.0-dev.2


More detailed about new features

Static value label - show a value label for static lines added in v0.14.0-dev.1:

image

New “baseline” option - can be specified as a global card option & per-entity.
Any numeric value can be specified for the baseline option.

baseline=0:
image

baseline=0, a zero static line is added:
image


Use line & bar graphs together - draw linear graphs along with bars:

2 graphs:
image

bars + static line:
image


Inverted graph - invert a graph vertically, might be useful for some parameters when smaller values should be shown on a top, bigger – on a bottom:

Water level in a well - a "0" level is at the top:

image

Adding a huge baseline (like baseline: 100) will make a different presentation where "0" values are "peaks":

image

Spacing between bar groups - customize a spacing between groups of bars:

image

Overlapping bars - show bars placed on each other:

image

New bars animation:

1

Hide inactive bars - when a legend for some entity is selected, only bars for this entity are shown:

a5

Conditional stroke for a bar - a tiny improvement to make bars distinguishable with bar_spacing: 0 (also introduces new CSS theme variables to tune the stroke for a particular client device):

a2

”color_thresholds” per entity - allow to define color thresholds in a more flexible way & only where it is needed:

image

Per-entity "animate" option - disable an animation for some curves, like for a static line as shown below:

a1 a4

Add a tooltip for "Name" - can be useful for long names which do not fit on some viewports:

image

New ”icon_color” option - customize an icon color:

image

Refactored alignment for header, name, icon - customize a position of a “name” & “icon” elements in a more flexible way.

New “y_axis” config option - axis-specific options (like lower/upper_bound) are moved into this new structure; legacy configs are also supported.

More CSS theme variables - for opacity & border-radius for Y-axis labels & static labels.

Add options validation - a low-level improvement: if an invalid value is defined for a numeric option (like 123abc instead of 123), then a default value is used instead & a corresponding warning message is logged in a browser console. All numeric options are checked.
Additionally, color_thresholds & lower/upper_bound are checked for integrity, values & consistency.

Don't miss a new mini-graph-card release

NewReleases is sending notifications on new releases.