diff --git a/ui/src/shared/components/Dygraph.js b/ui/src/shared/components/Dygraph.js
index f30d88826..74cf594f2 100644
--- a/ui/src/shared/components/Dygraph.js
+++ b/ui/src/shared/components/Dygraph.js
@@ -339,6 +339,7 @@ class Dygraph extends Component {
         />
         {staticLegend &&
           <StaticLegend
+            dygraphSeries={this.hashColorDygraphSeries()}
             dygraph={this.dygraph}
             handleReceiveStaticLegendHeight={
               this.handleReceiveStaticLegendHeight
diff --git a/ui/src/shared/components/StaticLegend.js b/ui/src/shared/components/StaticLegend.js
index 9751bf2db..d49b8c510 100644
--- a/ui/src/shared/components/StaticLegend.js
+++ b/ui/src/shared/components/StaticLegend.js
@@ -65,13 +65,10 @@ class StaticLegend extends Component {
   }
 
   render() {
-    const {dygraph} = this.props
+    const {dygraphSeries} = this.props
     const {visibilities} = this.state
-
-    const labels = dygraph ? _.drop(dygraph.getLabels()) : []
-    const colors = dygraph
-      ? _.map(labels, l => dygraph.attributes_.series_[l].options.color)
-      : []
+    const labels = _.keys(dygraphSeries)
+    const colors = _.map(labels, l => dygraphSeries[l].color)
 
     const hoverEnabled = labels.length > 1
 
@@ -105,7 +102,7 @@ class StaticLegend extends Component {
 const {shape, func} = PropTypes
 
 StaticLegend.propTypes = {
-  sharedLegend: shape({}),
+  dygraphSeries: shape({}),
   dygraph: shape({}),
   handleReceiveStaticLegendHeight: func.isRequired,
 }