Рендеринг HighCharts в class вместо 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">

Пользователь может динамически выбирать, какой портлетон/она хочет видеть на экране. также можно выбрать отображение одного и того же портлетана экране более одного раза для целей сравнения.

Поэтому, если HTML-код в конечном итоге выглядит следующим образом:

<div id="portlet_content_18">
<div id="portlet_content_18">

Заполняется только первый divс графиком, а второй остается пустым. Как решить эту проблему?

19
задан oshirowanen 12 June 2012 в 12:35
поделиться