diff --git a/src/components/charts/PercentageStackedBarChart/index.jsx b/src/components/charts/PercentageStackedBarChart/index.jsx
index b2afff4caf..e270c948f6 100644
--- a/src/components/charts/PercentageStackedBarChart/index.jsx
+++ b/src/components/charts/PercentageStackedBarChart/index.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}
>
diff --git a/src/components/charts/SummaryHorizontalBarChart/index.jsx b/src/components/charts/SummaryHorizontalBarChart/index.jsx
index 53b9735600..9cf4d50914 100644
--- a/src/components/charts/SummaryHorizontalBarChart/index.jsx
+++ b/src/components/charts/SummaryHorizontalBarChart/index.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 {
-
+
{
barChartData.map((entry, index) => (
|