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) => (