Ho il seguente, che funziona bene:Rendering di HighCharts in classe anziché id?
$(document).ready(function() {
get_data_for_chart();
function get_data_for_chart() {
$.ajax({
url: 'get_data.aspx?rand=' + Math.random(),
type: 'GET',
dataType: 'json',
error: function(xhr, status, error) {
console.log(status);
console.log(xhr.responseText);
},
success: function(results) {
var chart1;
chart1 = new Highcharts.Chart({
chart: {
renderTo: 'portlet_content_18',
defaultSeriesType: 'column'
}
});
}
});
}
});
Dove il codice HTML simile a questa:
<div id="portlet_content_18">
L'utente può selezionare quali dinamicamente portlet
s/che vuole sullo schermo. S/He può anche scegliere di avere lo stesso portlet
sullo schermo più di una volta per ragioni di confronto.
Quindi, se il codice HTML finisce per diventare:
<div id="portlet_content_18">
<div id="portlet_content_18">
Solo il primo div
ottiene popolata con il grafico, e la seconda rimane vuoto. Come posso aggirare questo problema?
Non puoi avere più ID ma puoi provare con 'classe'. Cambialo in class = "port-18" e assicurati di aggiornarlo su "successo". –