i had same issue and got fixed by ordering my js as below.

<script type="text/javascript" src="$javascript_folder/highstock.js"></script>
<script type="text/javascript" src="$javascript_folder/highcharts.js"></script>

i don't know its working fine according ardi. is works fine for me when i load highstock.js first followed by highcharts.


highstock contains most of highcharts code. have you tried including only highstock.js in your page to display both charts ?


im my case, including only highstock's file worked for highchart's as well.

i have many charts, highchart's or highstock's, possible to be included on same page, and i just call highstock.js once and it works for both !


use just highstock.js and delete highcharts.js and it's work well for me and good luck


you must delete this file:


i tried and it works


i have experienced the same problem when i tried to use highstock chart and angular gauge, and the problem was solved when i try to rearrange highstock highchart javascript library like this

<script type="text/javascript" src="jquery/highcharts/highcharts.js"></script>
<script type="text/javascript" src="jquery/highcharts/highstock.js"></script>
<script type="text/javascript" src="jquery/highcharts/highcharts-more.js"></script>

or (if you don't want to use additional graphics)

<script type="text/javascript" src="jquery/highcharts/highcharts.js"></script>
<script type="text/javascript" src="jquery/highcharts/highstock.js"></script>

i hope it can be useful


highcharts is included in highstock.js, so please take look at the example, how use highcharts with highstock.js.

secondly i advice to use the newest highstock.


got same trouble with conflicting highchart and highstock. here's the official solution:

keep in mind that the highcharts.chart constructor and all features of highcharts are included in highstock, so if you are running chart and stockchart in combination, you only need to load the highstock.js file.

Related Query

More Query from same tag