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 // event listeners
onValueMouseOver: (ev: React.MouseEvent<SVGElement>, value: [NumberOrString, NumberOrString]) => void, onValueMouseOver?: (ev: React.MouseEvent<SVGElement>, value: [NumberOrString, NumberOrString]) => void,
onValueMouseOut: (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, onValueClick?: (ev: React.MouseEvent<SVGElement>, value: [NumberOrString, NumberOrString]) => void,
onSeriesMouseOver: (ev: React.MouseEvent<SVGElement>) => void, onSeriesMouseOver?: (ev: React.MouseEvent<SVGElement>) => void,
onSeriesMouseOut: (ev: React.MouseEvent<SVGElement>) => void, onSeriesMouseOut?: (ev: React.MouseEvent<SVGElement>) => void,
onSeriesClick: (ev: React.MouseEvent<SVGElement>) => void, onSeriesClick?: (ev: React.MouseEvent<SVGElement>) => void,
// generally supplied by xyplot // generally supplied by xyplot
marginTop: number; marginTop: number;
@@ -135,16 +135,16 @@ class GridArea extends PureComponent<GridAreaProps, {}> {
[primaryAxisName]: minPos, [primaryAxisName]: minPos,
[primaryLengthAttr]: maxPos - minPos, [primaryLengthAttr]: maxPos - minPos,
}; };
return ( return (
<rect <rect
{...rectProps} {...rectProps}
key={i} key={i}
className="rv-xy-plot__grid-area__rect" className="rv-xy-plot__grid-area__rect"
style={style} style={style}
onClick={(ev) => { this.props.onValueClick(ev, tmpValue) }} onClick={(ev) => { this.props.onValueClick && this.props.onValueClick(ev, tmpValue) }}
onMouseOver={(ev) => { this.props.onValueMouseOver(ev, tmpValue) }} onMouseOver={(ev) => { this.props.onValueMouseOver && this.props.onValueMouseOver(ev, tmpValue) }}
onMouseOut={(ev) => { this.props.onValueMouseOut(ev, tmpValue) }} onMouseOut={(ev) => { this.props.onValueMouseOut && this.props.onValueMouseOut(ev, tmpValue) }}
/> />
); );
})} })}