Add static legend to visualization examples (#2837)

* Add legend options to graph example images (addresses #2829 )

* Add more static legend examples to appropriate visualization times

content/influxdb/cloud/visualize-data/visualization-types/band.md

@@ -83,7 +83,7 @@ For example, to change the name of the first function from  `mean` to `Average`,
    - In the **Upper Column Name** field, enter the result set to use for the upper boundary.
    - In the **Main Column Name** field, enter the result set to use for the main boundary.
    - In the **Lower Column Name** field, enter the function for the lower boundary.
-7. (Optional) Continue to customize your visualization, including options such as interpolation, color, hover dimension, and y-axis settings. For more information, see [Options](#options) and [Y Axis](#y-axis) below.
+7. (Optional) Continue to customize your visualization, including options such as interpolation, color, hover dimension, static legend, and y-axis settings. For more information, see [Options](#options) and [Y Axis](#y-axis) below.
 
 ### Customize column names
 

content/influxdb/cloud/visualize-data/visualization-types/graph-single-stat.md

@@ -136,5 +136,5 @@ from(bucket: "example-bucket")
       r._field == "used_percent"
   )
 ```
-###### Memory allocations visualization
-{{< img-hd src="/img/influxdb/2-0-visualizations-graph-single-stat-mem-8.png" alt="Graph + Single Stat Memory Usage Example" />}}
+###### Memory allocations percentage visualization with static legend
+{{< img-hd src="/img/influxdb/2-0-visualizations-graph-single-stat-static.png" alt="Graph + Single Stat Memory Usage Example" />}}

content/influxdb/cloud/visualize-data/visualization-types/graph.md

@@ -97,13 +97,13 @@ the visualization dropdown.
 
 ## Graph Examples
 
-##### Graph with linear interpolation
-{{< img-hd src="/img/influxdb/2-0-visualizations-line-graph-example-8.png" alt="Line Graph example" />}}
+##### Graph with linear interpolation and static legend
+{{< img-hd src="/img/influxdb/2-0-visualizations-graph-linear-static.png" alt="Line Graph example" />}}
 
-##### Graph with smooth interpolation
-{{< img-hd src="/img/influxdb/2-0-visualizations-line-graph-smooth-example-8.png" alt="Step-Plot Graph example" />}}
+##### Graph with smooth interpolation and hover legend
+{{< img-hd src="/img/influxdb/2-0-visualizations-graph-smooth-hover.pmg" alt="Step-Plot Graph example" />}}
 
-##### Graph with step interpolation
+##### Graph with step interpolation and no visible legend
 {{< img-hd src="/img/influxdb/2-0-visualizations-line-graph-step-example-8.png" alt="Step-Plot Graph example" />}}
 
 <!-- ##### Stacked Graph example