Highstock e Highcharts: Como eu uso StockChart e gráfico de pizza na mesma página - jquery, json, highcharts, highstock

Eu tenho uma confusão sobre o uso do highstockchart-chart de estoque e highcharts na mesma página. De ambas as maneiras, estou obtendo os dados usando o JSON. O navegador não pode renderizar o Highcharts.StockChart corretamente, ao passo que ele renderiza o tipo torta de Highcharts.Chart.

Aqui está o segmento de código que eu uso:

<script type="text/javascript">
$("document").ready(function() {
$.getJSON("http://localhost:3000/reports/hits?callback=?", function(data) {
var chart = new Highcharts.Chart({
chart: {
renderTo: "container"
},
...
},
series: [{
name: "Name",
data: data,
tooltip: {
yDecimals: 0
}
}]
});
})

$.getJSON("http://localhost:3000/reports/daily_hit?callback=?", function(data) {
var chart = new Highcharts.Chart({
chart: {
renderTo: "container1",
plotBackgroundColor: null,
plotBorderWidth: null,
plotShadow: false
},
...
series: [{
type: "pie",
name: "Hit",
data: data
}]
});
})
}
);
</script>

Respostas:

Eu tive o mesmo problema quando tentei usar o gráfico Highstock e Angular Gauge, E o problema foi resolvido quando eu tentei reorganizar a biblioteca de highchart highstock como esta

<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>

ou (se você não quiser usar gráficos adicionais)

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

Espero que possa ser útil

A solução é fácil, coloque primeiro highstock e depois highchart assim:

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
<script type="text/javascript" src="jQuery/Highcharts/highstock.js"></script>
<script type="text/javascript" src="jQuery/Highcharts/highcharts.js"></script>
<script type="text/javascript" src="jQuery/Highcharts/highcharts-more.js"></script>

Não se esqueça de colocar o jQuery !!

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>

Isso resolve o meu problema, espero poder te ajudar