diff --git a/source/_lovelace/history-graph.markdown b/source/_lovelace/history-graph.markdown
index a27641069a1..0ff77517850 100644
--- a/source/_lovelace/history-graph.markdown
+++ b/source/_lovelace/history-graph.markdown
@@ -13,8 +13,13 @@ footer: true
 History graph is a basic card, allowing you to display a graph for each of the entities in the list specified as config.
 
 <p class='img'>
-<img src='/images/lovelace/lovelace_history_graph.png' alt='Screenshot of the history graph card'>
-Screenshot of the history graph card.
+<img src='/images/lovelace/lovelace_history_graph.png' alt='Screenshot of the history graph card for entities without a unit_of_measurement'>
+Screenshot of the history graph card, when no `unit_of_measurement` is defined.
+</p>
+
+<p class='img'>
+<img src='/images/lovelace/lovelace_history_graph_lines.png' alt='Screenshot of the history graph card for entities with a unit_of_measurement'>
+Screenshot of the history graph card, when a `unit_of_measurement` is defined.
 </p>
 
 {% configuration %}
diff --git a/source/images/lovelace/lovelace_history_graph_lines.png b/source/images/lovelace/lovelace_history_graph_lines.png
new file mode 100644
index 00000000000..b72c5c70566
Binary files /dev/null and b/source/images/lovelace/lovelace_history_graph_lines.png differ