Dont use this.refs.chart.getChart

In the README.md you describe the update mechanism as follows:

 componentDidMount() {
    let chart = this.refs.chart.getChart();
    chart.series[0].addPoint({x: 10, y: 12});
  }

  render() {
    return <ReactHighcharts config={config} ref="chart"></ReactHighcharts>;
  }

this is not the react way it should be updated via the react state so for example:

componentDidMount() {
        this.setState(
          { series: this.series(),
            xAxis: { categories: this.categories() }
          }
        );
    }

    render() {
        return (<ReactHighcharts config={this.state}/>);
    }

while the highchart config is represented as component stat

[madnight]

I think someone is programming a proper (reactive) version of react highcharts: https://github.com/whawker/react-jsx-highcharts

So this issue might be closed and people could be referred to this project, if they want a reactive approach.

[madnight]

@haydencarlson sorry but i couldn’t disgree more, addPoint is the hack, modifing reacts state is the correct way, example: https://github.com/madnight/githut/blob/master/src/js/components/LangChart.js#L108