У меня есть следующие, работает отлично:Предоставление HighCharts для класса вместо 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'
}
});
}
});
}
});
Где HTML выглядит примерно так:
<div id="portlet_content_18">
Пользователь может динамически выбрать, какие portlet
s/он хочет на экране. S/He также может выбрать один и тот же номер portlet
на экране более одного раза для сравнения.
Так что, если HTML заканчивается становится:
<div id="portlet_content_18">
<div id="portlet_content_18">
Только первая div
получает заполненный график, а второй один остается пустым. Как я могу обойти эту проблему?
У вас не может быть несколько идентификаторов, но вы можете попробовать «класс». Измените его на class = "port-18" и убедитесь, что вы обновили его на 'success'. –