add clear_on_doubleclick prop for clearing clickData

Author: cpsievert

dash_core_components/metadata.json

@@ -920,6 +920,17 @@
           "computed": false
         }
       },
+      "clear_on_doubleclick": {
+        "type": {
+          "name": "bool"
+        },
+        "required": false,
+        "description": "If True, `clear_on_doubleclick` will clear the `clickData` property\nwhen the user double clicks (when dragmode='zoom').",
+        "defaultValue": {
+          "value": "false",
+          "computed": false
+        }
+      },
       "hoverData": {
         "type": {
           "name": "object"

src/components/Graph.react.js

@@ -102,7 +102,7 @@ export default class PlotlyGraph extends Component {
     }
 
     bindEvents() {
-        const {id, fireEvent, setProps, clear_on_unhover} = this.props;
+        const {id, fireEvent, setProps, clear_on_unhover, clear_on_doubleclick} = this.props;
 
         const gd = document.getElementById(id);
 
@@ -144,6 +144,13 @@ export default class PlotlyGraph extends Component {
                 if (fireEvent) fireEvent({event: 'unhover'});
             }
         });
+        gd.on('plotly_doubleclick', () => {
+            if (clear_on_doubleclick) {
+                if (setProps) setProps({clickData: null});
+                if (fireEvent) fireEvent({event: 'doubleclick'});
+            }
+        })
+
     }
 
     componentDidMount() {
@@ -212,6 +219,12 @@ PlotlyGraph.propTypes = {
      */
     clickData: PropTypes.object,
 
+    /**
+     * If True, `clear_on_doubleclick` will clear the `clickData` property
+     * when the user double clicks (when dragmode='zoom').
+     */
+    clear_on_doubleclick: PropTypes.bool,
+
     /**
      * Data from latest hover event
      */
@@ -225,6 +238,7 @@ PlotlyGraph.propTypes = {
      */
     clear_on_unhover: PropTypes.bool,
 
+
     /**
      * Data from latest select event
      */
@@ -481,6 +495,7 @@ PlotlyGraph.defaultProps = {
             ease: 'cubic-in-out'
         }
     },
+    clear_on_doubleclick: false,
     clear_on_unhover: false,
     config: {
         staticPlot: false,