在具有相同 ID 的多个 div 中渲染 Highcharts 图表

Question

我想知道是否可以将相同的图表呈现给具有相同 ID 的多个 div。我只是用它作为模板来展示这些东西是如何工作的代码 4 次我希望在每个 div 中呈现相同的图表。我试过使用 .each() 函数，但它仍然只呈现在第一个 div 中。

这是一个小提琴，而不是复制/粘贴所有代码和每个函数的简短 sn-p； http://jsfiddle.net/Chmts/58/

$(function () {
$(document).ready(function(){

    $('#CampaignPercent').each(function(){
        var chart = new Highcharts.Chart({
            chart: {
                renderTo: this,
                type: 'bar',
                width: 200,
                margin: [0,0,0,0]
            },

Answer 1

ID 应该始终是唯一的，$('#CampaignPercent') 只会返回 ID 为 CampaignPercent 的第一个元素。你应该使用通用类名（比如CampaignPercent），然后使用类选择器. 来定位所有元素：

 $('.CampaignPercent').each(function(){
    var chart = new Highcharts.Chart({
        chart: {
            renderTo: this,
            type: 'bar',
            width: 200,
            margin: [0,0,0,0]
        },

Working Demo