Merge https://github.com/alexarch21/history-explorer-card into main

README.md

@@ -279,12 +279,12 @@ Compass arrow graphs use the `arrowline` type and can be used in both dynamicall
 
 ### Customizing dynamically added graphs
 
-When you add a new line graph using the add entity dropdown, the graph will use the default settings and an automatically picked color. You can override these settings either for specific entities or for entire device classes. For example, you could set a fixed Y axis range for all your humidity sensors or a specific color or line interpolation mode for your power graphs.
+When you add a new line graph using the add entity dropdown, the graph will use the default settings and an automatically picked color. You can override these settings either for specific entities, for device classes or for entire domains. For example, you could set a fixed Y axis range for all your humidity sensors or a specific color or line interpolation mode for your power graphs.
 
 ```yaml
 type: custom:history-explorer-card
 entityOptions:
-  humidity:  # Apply these settings to all humidity sensors 
+  humidity:                 # Apply these settings to all humidity sensors 
     color: blue
     fill: rgba(0,0,255,0.2)
     ymin: 20
@@ -296,9 +296,12 @@ entityOptions:
     ymin: 900
     ymax: 1100
     width: 2
+  sensor:                   # Apply these settings to all other entities in the sensor domain
+    color: red
+    fill: rgba(0,0,0,0)
 ```
 
-You can also change the graph type for certain entities or domains. For example, you could display a numeric entity, which would normally be shown as a linegraph, with a timeline. Or you could default to the directional arrow graph mode for your wind direction sensors:
+You can also change the graph type for certain entities, device classes or domains. For example, you could display a numeric entity, which would normally be shown as a linegraph, with a timeline. Or you could default to the directional arrow graph mode for your wind direction sensors:
 
 ```yaml
 type: custom:history-explorer-card
@@ -408,21 +411,31 @@ The tooltip popups used in timelines and arrowlines support three different size
 
 ```yaml
 type: custom:history-explorer-card
-tooltipSize: slim       # Supported sizes are full, compact, slim. Use auto for automatic size (this is the default).
+tooltip:
+  size: slim       # Supported sizes are full, compact, slim. Use auto for automatic size (this is the default).
 ```
 
 The state color boxes in the tooltips can optionally be hidden for line graphs or timelines (or both):
 
 ```yaml
 type: custom:history-explorer-card
-showTooltipColorsLine: false       # hide the color boxes in the tooltip popups for line graphs
-showTooltipColorsTimeline: false   # hide the color boxes in the tooltip popups for timeline graphs
+tooltip:
+  showColorsLine: false       # hide the color boxes in the tooltip popups for line graphs
+  showColorsTimeline: false   # hide the color boxes in the tooltip popups for timeline graphs
 ```
 
 The tooltips can optionally show the duration of the selected state next to the start and end times:
 ```yaml
 type: custom:history-explorer-card
-tooltipShowDuration: true
+tooltip:
+  showDuration: true
+```
+
+You can hide the entity name label on tooltips for line and bar charts to make it even more compact:
+```yaml
+type: custom:history-explorer-card
+tooltip:
+  showLabel: false
 ```
 
 ![image](https://user-images.githubusercontent.com/60828821/186550469-bec9bad3-c76e-4f9f-a1d7-a0b76ec2f51c.png)