kirjs / react-highcharts

React wrapper for Highcharts library
http://kirjs.github.io/react-highcharts/
MIT License
1.26k stars 233 forks source link

Trouble adding highcharts-more #317

Closed spyx08 closed 5 years ago

spyx08 commented 7 years ago

I've already implemented some charts using react-highcharts without highcharts-more.

A polar chart with stacked bar is working fine without highcharts-more.

For create a columnrange chart it wasn't working without highcharts-more. I've find a solution by using highcharts more from highcharts library

import HighchartMore from 'highcharts/highcharts-more';
HighchartMore(Highchart.Highcharts);

When adding highcharts-more my columnrange works but my polar chart have some trouble on the render of the series (bar proportion and positions) and same issue on my spider-web chart.

the chart was working fine befre adding the highcharts-more and is broken (position of series) with the highcharts-more

Any idea ?

struchkov commented 7 years ago

HighchartMore(Highchart.Highcharts); - must be called once. The repeated call has broken my polar charts.

ardok commented 6 years ago
import ReactHighcharts from 'react-highcharts';
import HighchartsMore from 'highcharts/highcharts-more';

HighchartsMore(ReactHighcharts.Highcharts);

That's all you need to do, right? Just making sure because I'm encountering some issue

TypeError: q is not a function
    at foo/node_modules/highcharts/highcharts-more.js:8:212
    at foo/node_modules/highcharts/highcharts-more.js:11:205
ilyjs commented 6 years ago

Hi @ardok ! My example https://stackblitz.com/edit/highchartmore?file=HighchartMore.js

ardok commented 6 years ago

@ilyjs Ah, yeah. Ok. I forgot that I'm doing SSR. I just needed to only run that HighchartsMore(ReactHighcharts.Highcharts); if it's in browser side. Thanks~

kirjs commented 5 years ago

Closing and there has been no activity in this issue for a while. if this is still relevant, please feel free to reopen