From 308fc6b7822870d1b8e7ea15dcdda6dd76b4d8fd Mon Sep 17 00:00:00 2001
From: Yang Li <yangli1990@live.com.au>
Date: Thu, 25 Oct 2018 15:33:13 +0800
Subject: [PATCH] Fix color rendering for SAR svg

---
 src/lib/series/SARSeries.js | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

diff --git a/src/lib/series/SARSeries.js b/src/lib/series/SARSeries.js
index 09c39414c..7f9e10a86 100644
--- a/src/lib/series/SARSeries.js
+++ b/src/lib/series/SARSeries.js
@@ -49,7 +49,7 @@ class SARSeries extends Component {
 		});
 	}
 	renderSVG(moreProps) {
-		const { className, yAccessor } = this.props;
+		const { className, yAccessor, fill } = this.props;
 		const { xAccessor, plotData, xScale, chartConfig: { yScale } } = moreProps;
 		// console.log(moreProps);
 
@@ -57,8 +57,11 @@ class SARSeries extends Component {
 			{plotData
 				.filter(each => isDefined(yAccessor(each)))
 				.map((each, idx) => {
+                    const color = yAccessor(each) > each.close
+                        ? fill.falling
+                        : fill.rising;
 					return <circle key={idx} cx={xScale(xAccessor(each))}
-						cy={yScale(yAccessor(each))} r={3} fill="green" />;
+						cy={yScale(yAccessor(each))} r={3} fill={color} />;
 				})}
 		</g>;
 	}