bendtherules/react-vis-gridarea
1
0
Fork 0
mirror of https://github.com/bendtherules/react-vis-gridarea.git synced 2026-08-18 22:02:23 +00:00
Code Issues Packages Projects Releases Wiki Activity

Add event handling

Browse Source
This commit is contained in:
bendtherules
2018-07-02 15:47:36 +05:30
parent 3f15d70e61
commit 9a8df2ec57
1 changed files with 10 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/grid-area.tsx
+10 -10
View File
@@ -29,12 +29,12 @@ interface GridAreaProps {
}
// event listeners
onValueMouseOver: (ev: React.MouseEvent<SVGElement>, value: [NumberOrString, NumberOrString]) => void,
onValueMouseOut: (ev: React.MouseEvent<SVGElement>, value: [NumberOrString, NumberOrString]) => void,
onValueClick: (ev: React.MouseEvent<SVGElement>, value: [NumberOrString, NumberOrString]) => void,
onSeriesMouseOver: (ev: React.MouseEvent<SVGElement>) => void,
onSeriesMouseOut: (ev: React.MouseEvent<SVGElement>) => void,
onSeriesClick: (ev: React.MouseEvent<SVGElement>) => void,
onValueMouseOver?: (ev: React.MouseEvent<SVGElement>, value: [NumberOrString, NumberOrString]) => void,
onValueMouseOut?: (ev: React.MouseEvent<SVGElement>, value: [NumberOrString, NumberOrString]) => void,
onValueClick?: (ev: React.MouseEvent<SVGElement>, value: [NumberOrString, NumberOrString]) => void,
onSeriesMouseOver?: (ev: React.MouseEvent<SVGElement>) => void,
onSeriesMouseOut?: (ev: React.MouseEvent<SVGElement>) => void,
onSeriesClick?: (ev: React.MouseEvent<SVGElement>) => void,
// generally supplied by xyplot
marginTop: number;
@@ -135,16 +135,16 @@ class GridArea extends PureComponent<GridAreaProps, {}> {
[primaryAxisName]: minPos,
[primaryLengthAttr]: maxPos - minPos,
};
return (
<rect
{...rectProps}
key={i}
className="rv-xy-plot__grid-area__rect"
style={style}
onClick={(ev) => { this.props.onValueClick(ev, tmpValue) }}
onMouseOver={(ev) => { this.props.onValueMouseOver(ev, tmpValue) }}
onMouseOut={(ev) => { this.props.onValueMouseOut(ev, tmpValue) }}
onClick={(ev) => { this.props.onValueClick && this.props.onValueClick(ev, tmpValue) }}
onMouseOver={(ev) => { this.props.onValueMouseOver && this.props.onValueMouseOver(ev, tmpValue) }}
onMouseOut={(ev) => { this.props.onValueMouseOut && this.props.onValueMouseOut(ev, tmpValue) }}
/>
);
})}