From 7408860a67989cee19a01077ddb3cd64773430c1 Mon Sep 17 00:00:00 2001
From: Gregory Eremin <g@erem.in>
Date: Sun, 22 Mar 2015 01:53:30 +0700
Subject: [PATCH] Handle SAC area click events

---
 app/jsx/charts/sac/area.jsx               | 1 +
 app/jsx/charts/sac/stacked_area_chart.jsx | 1 +
 2 files changed, 2 insertions(+)

diff --git a/app/jsx/charts/sac/area.jsx b/app/jsx/charts/sac/area.jsx
index 0f12d4d..134e285 100644
--- a/app/jsx/charts/sac/area.jsx
+++ b/app/jsx/charts/sac/area.jsx
@@ -22,6 +22,7 @@ var Area = React.createClass({
                 className={'path path-'+ this.props.i}
                 d={this.state.lastd || this.props.d}
                 fill={this.props.color}
+                onClick={this.props.onClick}
                 onMouseOver={this.props.onMouseOver}
                 shapeRendering="optimizeQuality" />
         );
diff --git a/app/jsx/charts/sac/stacked_area_chart.jsx b/app/jsx/charts/sac/stacked_area_chart.jsx
index 3cfa122..fdaaa27 100644
--- a/app/jsx/charts/sac/stacked_area_chart.jsx
+++ b/app/jsx/charts/sac/stacked_area_chart.jsx
@@ -195,6 +195,7 @@ var StackedAreaChart = React.createClass({
                     item={item} i={i}
                     d={roundPathCorners(this.buildPathD(path), 3)}
                     color={Colors[i]}
+                    onClick={this.handleClick.bind(this, item)}
                     onMouseOver={this.handleFocusIn.bind(this, i)} />
             );
         }.bind(this);