Aide à la programmation, réponses aux questions / Javascript / Exemple de graphique javascript Highchart ne fonctionne pas - javascript, html, highcharts, highstock

Exemple de graphique javascript Highchart ne fonctionne pas - javascript, html, highcharts, highstock

Je suis débutant sur le front-end et je ne sais pas grand-chose sur HTML / CSS et Javascript. J'essaie d'exécuter l'exemple de code ci-dessous à partir de http://www.highcharts.com/docs/getting-started/your-first-chart URL, mais pour une raison quelconque, il ne fonctionne pas sur monmachine lorsque j'ouvre ce fichier html sur mon navigateur. Il n'affiche pas le graphique où il devrait afficher le graphique ici à droite? Je suis sûr que je fais une erreur stupide ici.

Pouvez-vous s'il vous plaît aider et voir ce qui ne va pas ici? Je viens de copier ce que je vois sur l'exemple du site.

S'il vous plaît aider.

    <head>
<script src="https://code.highcharts.com/stock/highstock.js"></script>
<script src="https://code.highcharts.com/stock/modules/exporting.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script>
</head>
<div id="container" style="height: 400px; min-width: 310px"></div>

<script>
$(function () {

$.getJSON("https://www.highcharts.com/samples/data/jsonp.php?filename=aapl-c.json&callback=?", function (data) {
// Create the chart
$("#container").highcharts("StockChart", {


rangeSelector : {
selected : 1
},

title : {
text : "AAPL Stock Price"
},

series : [{
name : "AAPL",
data : data,
tooltip: {
valueDecimals: 2
}
}]
});
});

});

</script>

Réponses:

0 pour la réponse № 1

Dans votre script JQUERY doit être chargé en premier puis le reste.

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://code.highcharts.com/stock/highstock.js"></script>
<script src="https://code.highcharts.com/stock/modules/exporting.js"></script>

<div id="container" style="height: 400px; min-width: 310px"></div>

<script>
$(function () {
$.getJSON("https://www.highcharts.com/samples/data/jsonp.php?filename=aapl-c.json&callback=?", function (data) {
// Create the chart
$("#container").highcharts("StockChart", {
rangeSelector : {
selected : 1
},
title : {
text : "AAPL Stock Price"
},
series : [{
name : "AAPL",
data : data,
tooltip: {
valueDecimals: 2
}
}]
});
});
});

</script>