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

Reverse props direction meaning

Browse Source
This commit is contained in:
bendtherules
2018-07-02 11:12:07 +05:30
parent 8a1d8da42e
commit 85c93d5076
3 changed files with 5 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/grid-area.tsx
+3 -2
View File
@@ -77,7 +77,8 @@ class GridArea extends PureComponent<GridAreaProps, {}> {
const style = {...GridArea.defaultStyle, ...this.props.style}; const style = {...GridArea.defaultStyle, ...this.props.style};
const isVertical = (this.props.direction === Direction.VERTICAL); const axisDirection = (this.props.direction === Direction.VERTICAL ? Direction.HORIZONTAL : Direction.VERTICAL);
const isVertical = (axisDirection === Direction.VERTICAL);
const primaryAxisName = isVertical ? 'y' : 'x'; const primaryAxisName = isVertical ? 'y' : 'x';
const crossAxisName = isVertical ? 'x' : 'y'; const crossAxisName = isVertical ? 'x' : 'y';
@@ -115,7 +116,7 @@ class GridArea extends PureComponent<GridAreaProps, {}> {
[primaryAxisName]: minPos, [primaryAxisName]: minPos,
[primaryLengthAttr]: maxPos - minPos, [primaryLengthAttr]: maxPos - minPos,
}; };
return ( return (
<rect <rect
{...rectProps} {...rectProps}
stories/BasicGridAreaHorizontal.js
+1 -1
View File
@@ -24,7 +24,7 @@ export default class BasicChartWithGridArea extends React.Component {
<HorizontalGridLines /> <HorizontalGridLines />
<VerticalGridLines /> <VerticalGridLines />
<GridArea <GridArea
direction={'vertical'} direction={'horizontal'}
style={{fill:"rgba(0,255,0,0.4)"}} style={{fill:"rgba(0,255,0,0.4)"}}
highlightRegion={[[4, 5.76], [8.5, 11.25]]} highlightRegion={[[4, 5.76], [8.5, 11.25]]}
/> />
stories/BasicGridAreaVertical.js
+1 -1
View File
@@ -24,7 +24,7 @@ export default class BasicChartWithGridArea extends React.Component {
<HorizontalGridLines /> <HorizontalGridLines />
<VerticalGridLines /> <VerticalGridLines />
<GridArea <GridArea
direction={'horizontal'} direction={'vertical'}
style={{fill:"rgba(0,255,0,0.4)"}} style={{fill:"rgba(0,255,0,0.4)"}}
highlightRegion={[[timestamp + MSEC_DAILY*2, timestamp + MSEC_DAILY*3]]} highlightRegion={[[timestamp + MSEC_DAILY*2, timestamp + MSEC_DAILY*3]]}
/> />