fix add eventlistener bug and set config and layout to any

Author: davidctj

README.md

@@ -11,52 +11,62 @@ Self-redraw when props changed.
 ## Usage
 
 ```bash
-$ npm install react react-dom typescript plotly.js
-$ npm install react-plotlyjs-ts
+$ npm i -S react react-dom typescript
+$ npm i -D @types/plotly.js
+$ npm i -S plotly.js react-plotlyjs-ts
 ```
 
 ```typescript
-import PlotlyChart from 'react-plotlyjs-ts';
+import * as React from 'react';
+import PlotlyChart from './PloylyChart';
 
-...
-render(){    
-     const data = [
-          {
-            type: 'scatter',  
-            x: [1, 2, 3],     
-            y: [6, 2, 3],     
-            marker: {       
-              color: 'rgb(16, 32, 77)'
-            }
-          },
-          {
-            type: 'bar',   
-            x: [1, 2, 3],  
-            y: [6, 2, 3],  
-            name: 'bar chart example' 
-          }
-        ];
-        const layout = {           
-          title: 'simple example', 
-          xaxis: {                 
-            title: 'time'         
-          },
-          annotations: [           
+class App extends React.Component {
+    public handleClick = (evt: any) => alert('click')
+    public handleHover = (evt: any) => alert('hover')
+
+    public render() {
+        const data = [
             {
-              text: 'simple annotation',    
-              x: 0,                         
-              xref: 'paper',                
-              y: 0,                         
-              yref: 'paper'                 
+                marker: {
+                    color: 'rgb(16, 32, 77)'
+                },
+                type: 'scatter',
+                x: [1, 2, 3],
+                y: [6, 2, 3]
+            },
+            {
+                name: 'bar chart example',
+                type: 'bar',
+                x: [1, 2, 3],
+                y: [6, 2, 3],
             }
-          ]
-        };        
-    return (
-        <PlotlyChart data={data}
-                     layout={layout}
-                     onClick={({points, event}) => console.log(points, event)} />
-    )
+        ];
+        const layout = {
+            annotations: [
+                {
+                    text: 'simple annotation',
+                    x: 0,
+                    xref: 'paper',
+                    y: 0,
+                    yref: 'paper'
+                }
+            ],
+            title: 'simple example',
+            xaxis: {
+                title: 'time'
+            },
+        };
+        return (
+            <PlotlyChart data={data}
+                         layout={layout}
+                         onClick={this.handleClick}
+                         onHover={this.handleHover}
+            />
+        );
+    }
 }
+
+export default App;
 ```
 
 ## Documentation

dist/index.d.ts

@@ -1,30 +1,30 @@
-/// <reference types="react" />
-import * as plotly from 'plotly.js';
-import * as React from 'react';
-export interface IPlotlyChartProps {
-    config?: plotly.Config;
-    data: Partial<plotly.ScatterData>[];
-    layout?: plotly.Layout;
-    onClick?: (event: plotly.PlotMouseEvent) => void;
-    onBeforeHover?: (event: plotly.PlotMouseEvent) => void;
-    onHover?: (event: plotly.PlotMouseEvent) => void;
-    onUnHover?: (event: plotly.PlotMouseEvent) => void;
-    onSelected?: (event: plotly.PlotSelectionEvent) => void;
-}
-/***
- * Usage:
- *  <PlotlyChart data={toJS(this.model_data)}
- *               layout={layout}
- *               onClick={({points, event}) => console.log(points, event)}>
- */
-declare class PlotlyChart extends React.Component<IPlotlyChartProps, any> {
-    container: plotly.PlotlyHTMLElement | null;
-    attachListeners(): void;
-    resize: () => void;
-    draw: (props: IPlotlyChartProps) => Promise<void>;
-    componentWillReceiveProps(nextProps: IPlotlyChartProps): void;
-    componentDidMount(): void;
-    componentWillUnmount(): void;
-    render(): JSX.Element;
-}
-export default PlotlyChart;
+/// <reference types="react" />
+import * as plotly from 'plotly.js';
+import * as React from 'react';
+export interface IPlotlyChartProps {
+    config?: any;
+    data: any;
+    layout?: any;
+    onClick?: (event: plotly.PlotMouseEvent) => void;
+    onBeforeHover?: (event: plotly.PlotMouseEvent) => void;
+    onHover?: (event: plotly.PlotMouseEvent) => void;
+    onUnHover?: (event: plotly.PlotMouseEvent) => void;
+    onSelected?: (event: plotly.PlotSelectionEvent) => void;
+}
+/***
+ * Usage:
+ *  <PlotlyChart data={toJS(this.model_data)}
+ *               layout={layout}
+ *               onClick={({points, event}) => console.log(points, event)}>
+ */
+declare class PlotlyChart extends React.Component<IPlotlyChartProps, any> {
+    container: plotly.PlotlyHTMLElement | null;
+    attachListeners(): void;
+    resize: () => void;
+    draw: (props: IPlotlyChartProps) => Promise<void>;
+    componentWillReceiveProps(nextProps: IPlotlyChartProps): void;
+    componentDidMount(): void;
+    componentWillUnmount(): void;
+    render(): JSX.Element;
+}
+export default PlotlyChart;