Save y range for user

ui/src/dashboards/components/CellEditorOverlay.js

@@ -80,14 +80,9 @@ class CellEditorOverlay extends Component {
 
   handleSetRange(e) {
     const {min, max} = e.target.form
+    const {axes} = this.state
 
-    this.setState({
+    this.setState({axes: {...axes, y: {bounds: [min.value, max.value]}}})
-      axes: {
-        y: {
-          bounds: [min.value, max.value],
-        },
-      },
-    })
     e.preventDefault()
   }
 

ui/src/data_explorer/components/Visualization.js

@@ -6,7 +6,7 @@ import VisView from 'src/data_explorer/components/VisView'
 import {GRAPH, TABLE} from 'shared/constants'
 import _ from 'lodash'
 
-const {array, arrayOf, bool, func, number, shape, string} = PropTypes
+const {arrayOf, bool, func, number, shape, string} = PropTypes
 const META_QUERY_REGEX = /^show/i
 
 const Visualization = React.createClass({
@@ -28,7 +28,7 @@ const Visualization = React.createClass({
     views: arrayOf(string).isRequired,
     axes: shape({
       y: shape({
-        bounds: array,
+        bounds: arrayOf(string),
       }),
     }),
   },

ui/src/shared/parsing/getRangeForDygraph.js

@@ -19,6 +19,11 @@ const getRange = (
 ) => {
   const {value, rangeValue, operator} = ruleValues
 
+  if (userSelectedRange.length) {
+    const [userMin, userMax] = userSelectedRange
+    return [considerZero(userMin), considerZero(userMax)]
+  }
+
   const subtractPadding = val => +val - Math.abs(val * PADDING_FACTOR)
   const addPadding = val => +val + Math.abs(val * PADDING_FACTOR)
 
@@ -65,10 +70,9 @@ const getRange = (
     return [null, null]
   }
 
-  const [userMin, userMax] = userSelectedRange
   const [min, max] = range
 
-  return [considerZero(userMin, min), considerZero(userMax, max)]
+  return [min, max]
 }
 
 export default getRange