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

Put green color on most grid area examples

Browse Source
This commit is contained in:
bendtherules
2018-07-09 19:15:30 +05:30
parent 2a9aaf172c
commit 32f81e1880
4 changed files with 4 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
stories/GridAreaWithPopupOnValueClick.js
+1
View File
@@ -33,6 +33,7 @@ export default class GridAreaWithPopupOnValueClick extends React.Component {
<VerticalGridLines /> <VerticalGridLines />
<GridArea <GridArea
direction={'horizontal'} direction={'horizontal'}
style={{fill:"rgba(0,255,0,0.4)"}}
highlightRegion={[[4, 5.76], [8.5, 11.25]]} highlightRegion={[[4, 5.76], [8.5, 11.25]]}
onValueClick={(ev, value) => { onValueClick={(ev, value) => {
console.log(ev); console.log(ev);
stories/GridAreaWithPopupOnValueHover.js
+1
View File
@@ -33,6 +33,7 @@ export default class GridAreaWithPopupOnValueHover extends React.Component {
<VerticalGridLines /> <VerticalGridLines />
<GridArea <GridArea
direction={'horizontal'} direction={'horizontal'}
style={{fill:"rgba(0,255,0,0.4)"}}
highlightRegion={[[4, 5.76], [8.5, 11.25]]} highlightRegion={[[4, 5.76], [8.5, 11.25]]}
onValueMouseOver={(ev, value) => { onValueMouseOver={(ev, value) => {
console.log(ev); console.log(ev);
stories/GridAreaWithSeriesEventListeners.js
+1
View File
@@ -25,6 +25,7 @@ export default class GridAreaWithSeriesEvt extends React.Component {
<VerticalGridLines /> <VerticalGridLines />
<GridArea <GridArea
direction={'horizontal'} direction={'horizontal'}
style={{fill:"rgba(0,255,0,0.4)"}}
highlightRegion={[[4, 5.76], [8.5, 11.25]]} highlightRegion={[[4, 5.76], [8.5, 11.25]]}
onSeriesClick={() => console.log('Clicked on series')} onSeriesClick={() => console.log('Clicked on series')}
onSeriesMouseOver={() => console.log('Mouse over on series')} onSeriesMouseOver={() => console.log('Mouse over on series')}
stories/GridAreaWithValueEventListeners.js
+1
View File
@@ -25,6 +25,7 @@ export default class BasicChartWithGridArea extends React.Component {
<VerticalGridLines /> <VerticalGridLines />
<GridArea <GridArea
direction={'horizontal'} direction={'horizontal'}
style={{fill:"rgba(0,255,0,0.4)"}}
highlightRegion={[[4, 5.76], [8.5, 11.25]]} highlightRegion={[[4, 5.76], [8.5, 11.25]]}
onValueClick={(ev, value) => console.log(`Clicked on value ${value}`)} onValueClick={(ev, value) => console.log(`Clicked on value ${value}`)}
onValueMouseOver={(ev, value) => console.log(`Mouse over on value ${value}`)} onValueMouseOver={(ev, value) => console.log(`Mouse over on value ${value}`)}