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);