From e9c4bc27d29d7eee3580cf77b30f847fb57c373d Mon Sep 17 00:00:00 2001
From: abgeorge7 <abgeorge@umich.edu>
Date: Tue, 7 Aug 2018 14:31:34 -0500
Subject: [PATCH] comment

---
 src/components/charts/PercentageStackedBarChart.jsx | 3 +++
 src/components/charts/SummaryHorizontalBarChart.jsx | 3 ++-
 2 files changed, 5 insertions(+), 1 deletion(-)

diff --git a/src/components/charts/PercentageStackedBarChart.jsx b/src/components/charts/PercentageStackedBarChart.jsx
index 03f63e1416..0aeeb1de7d 100644
--- a/src/components/charts/PercentageStackedBarChart.jsx
+++ b/src/components/charts/PercentageStackedBarChart.jsx
@@ -24,6 +24,8 @@ const labelListStyle = {
   fontWeight: 600,
 };
 
+
+// FIXME: add back in animation (https://github.com/recharts/recharts/issues/1083)
 class PercentageStackedBarChart extends React.Component {
   render() {
     const percentageData = helper.getPercentageData(
@@ -63,6 +65,7 @@ class PercentageStackedBarChart extends React.Component {
                 dataKey={name}
                 stackId='a'
                 fill={helper.getCategoryColor(index, this.props.localTheme)}
+                isAnimationActive={false}
               >
                 <LabelList dataKey={name} position='center' style={labelListStyle} formatter={helper.addPercentage} className='percentage-bar-chart__label-list' />
               </Bar>
diff --git a/src/components/charts/SummaryHorizontalBarChart.jsx b/src/components/charts/SummaryHorizontalBarChart.jsx
index b9c91a74ce..024785159e 100644
--- a/src/components/charts/SummaryHorizontalBarChart.jsx
+++ b/src/components/charts/SummaryHorizontalBarChart.jsx
@@ -23,6 +23,7 @@ const labelValueStyle = {
   color: '#3283c8',
 };
 
+// FIXME: add back in animation (https://github.com/recharts/recharts/issues/1083)
 class SummaryBarChart extends React.Component {
   render() {
     const barChartHeight = (this.props.data.length * this.props.barSize)
@@ -49,7 +50,7 @@ class SummaryBarChart extends React.Component {
             <Tooltip formatter={helper.percentageFormatter(this.props.showPercentage)} />
             <XAxis axisLine={false} tickLine={false} type='number' hide />
             <YAxis axisLine={false} tickLine={false} dataKey='name' type='category' style={yAxisStyle} interval={0} />
-            <Bar dataKey={dataKey}>
+            <Bar dataKey={dataKey} isAnimationActive={false}>
               {
                 barChartData.map((entry, index) => (
                   <Cell