Aiuto nella programmazione, risposte alle domande / Javascript / Esempio di grafico javascript di Highchart non funzionante: javascript, html, highcharts, highstock

Esempio di grafico javascript di Highchart non funzionante: javascript, html, highcharts, highstock

Sono principiante sul front-end e non so molto su HTML / CSS e Javascript. Sto cercando di eseguire l'esempio di codice sotto da http://www.highcharts.com/docs/getting-started/your-first-chart URL ma per qualche motivo non funziona sul miomacchina quando apro questo file html sul mio browser. Non mostra il grafico dove dovrebbe essere il grafico qui giusto? Sono sicuro che sto facendo qualche stupido errore qui.

Potete per favore aiutare e vedere cosa c'è che non va qui? Ho appena copiato quello che vedo nell'esempio sul sito web.

Per favore aiuto.

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

risposte:

0 per risposta № 1

Nella tua sceneggiatura JQUERY dovrebbe essere caricato prima poi il resto.

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