Animation

It appears that the initial animation only works for line plots. I have tried column and pie with no success.

Using the demo at http://kirjs.github.io/react-highcharts/index.html

I added the below properties to the config object and get a bar chart but no animation.

 chart:{
    type: "column"
  },
  plotOptions: {
    series: {
      animation: {
        duration: 2000
      }
    }
  },

[jordancardwell]

Just realized that my solution had a flaw with somewhat of a race condition… here is the slightly better (but no less hacky) solution

  import Highcharts from 'highcharts'
  let chartReflow = undefined;
...
  componentDidUpdate() {
    const chart = this.refs.chart ? this.refs.chart.getChart() : {}
    chartReflow = chartReflow || chart.reflow
    chart.reflow = () => {}
    setTimeout(() => (chart.reflow = chartReflow))
  }

my first solution didn’t work for one of my charts… componentDidUpdate seemed to be getting triggered before the timeout completed, so i then saved the reference to the empty chartReflow that we had just set an instant before…

this workaround makes sure to only ever save a reference to the legitimate reflow function ( @charliehavak ☝️ )

[charliehavak]

Currently I overcame this with the following hack:

class Chart extends React.Component {

	componentDidUpdate() {
		let chart = this.refs.chart.getChart();
		chart.reflow = () => {};
	}

	render() {
		return (
			<HighchartsReact config={this.props.config} ref="chart"/>
		);
	}
}