javascript - 将 HighCharts 渲染为类而不是 id？

Question

我有以下工作正常的:

$(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。出于比较原因，她/他还可以选择在屏幕上多次显示相同的 portlet。

所以如果 HTML 最终变成:

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

只有第一个 div 会填充图表，第二个则保持空白。我该如何解决这个问题？

Answer 1

是的，你可以。请参阅此处的示例:http://jsfiddle.net/gh/get/jquery/1.7.1/highslide-software/highcharts.com/tree/master/samples/highcharts/chart/renderto-jquery/

基本上，您将 jQuery 元素分配给变量:

渲染:$('.myclass')[0]