Make fieldNames opaque if they are in process of moving

ui/src/dashboards/components/GraphOptionsCustomizableField.tsx

@@ -12,6 +12,7 @@ interface Props {
   displayName: string
   visible: boolean
   onFieldUpdate?: (field: Field) => void
+  opacity: number
 }
 
 class GraphOptionsCustomizableField extends PureComponent<Props, {}> {
@@ -33,11 +34,12 @@ class GraphOptionsCustomizableField extends PureComponent<Props, {}> {
   }
 
   public render() {
-    const {internalName, displayName, visible} = this.props
+    const {internalName, displayName, visible, opacity} = this.props
 
     return (
       <div className="customizable-field">
         <div
+          style={{opacity: opacity}}
           className={
             visible
               ? 'customizable-field--label'

ui/src/utils/timeSeriesTransformers.js

@@ -208,6 +208,7 @@ export const orderTableColumns = (data, fieldNames) => {
     })
   })
   return orderedData[0].length ? orderedData : [[]]
+}
 
 export const processTableData = (
   data,