From 32f81e1880e8af4ddd8e1cfafdc5e3afe412cb9f Mon Sep 17 00:00:00 2001
From: Abhas Bhattacharya <abhasbhattacharya2@gmail.com>
Date: Mon, 9 Jul 2018 19:15:30 +0530
Subject: [PATCH] Put green color on most grid area examples

---
 stories/GridAreaWithPopupOnValueClick.js    | 1 +
 stories/GridAreaWithPopupOnValueHover.js    | 1 +
 stories/GridAreaWithSeriesEventListeners.js | 1 +
 stories/GridAreaWithValueEventListeners.js  | 1 +
 4 files changed, 4 insertions(+)

diff --git a/stories/GridAreaWithPopupOnValueClick.js b/stories/GridAreaWithPopupOnValueClick.js
index aec6236..3b7c16a 100644
--- a/stories/GridAreaWithPopupOnValueClick.js
+++ b/stories/GridAreaWithPopupOnValueClick.js
@@ -33,6 +33,7 @@ export default class GridAreaWithPopupOnValueClick extends React.Component {
           <VerticalGridLines />
           <GridArea
             direction={'horizontal'}
+            style={{fill:"rgba(0,255,0,0.4)"}}
             highlightRegion={[[4, 5.76], [8.5, 11.25]]}
             onValueClick={(ev, value) => {
               console.log(ev);
diff --git a/stories/GridAreaWithPopupOnValueHover.js b/stories/GridAreaWithPopupOnValueHover.js
index e0c3fed..b16b399 100644
--- a/stories/GridAreaWithPopupOnValueHover.js
+++ b/stories/GridAreaWithPopupOnValueHover.js
@@ -33,6 +33,7 @@ export default class GridAreaWithPopupOnValueHover extends React.Component {
           <VerticalGridLines />
           <GridArea
             direction={'horizontal'}
+            style={{fill:"rgba(0,255,0,0.4)"}}
             highlightRegion={[[4, 5.76], [8.5, 11.25]]}
             onValueMouseOver={(ev, value) => {
               console.log(ev);
diff --git a/stories/GridAreaWithSeriesEventListeners.js b/stories/GridAreaWithSeriesEventListeners.js
index d89ed8b..26d1e62 100644
--- a/stories/GridAreaWithSeriesEventListeners.js
+++ b/stories/GridAreaWithSeriesEventListeners.js
@@ -25,6 +25,7 @@ export default class GridAreaWithSeriesEvt extends React.Component {
         <VerticalGridLines />
         <GridArea
           direction={'horizontal'}
+          style={{fill:"rgba(0,255,0,0.4)"}}
           highlightRegion={[[4, 5.76], [8.5, 11.25]]}
           onSeriesClick={() => console.log('Clicked on series')}
           onSeriesMouseOver={() => console.log('Mouse over on series')}
diff --git a/stories/GridAreaWithValueEventListeners.js b/stories/GridAreaWithValueEventListeners.js
index 09794cd..c1326ba 100644
--- a/stories/GridAreaWithValueEventListeners.js
+++ b/stories/GridAreaWithValueEventListeners.js
@@ -25,6 +25,7 @@ export default class BasicChartWithGridArea extends React.Component {
         <VerticalGridLines />
         <GridArea
           direction={'horizontal'}
+          style={{fill:"rgba(0,255,0,0.4)"}}
           highlightRegion={[[4, 5.76], [8.5, 11.25]]}
           onValueClick={(ev, value) => console.log(`Clicked on value ${value}`)}
           onValueMouseOver={(ev, value) => console.log(`Mouse over on value ${value}`)}