在相同ID的多個div中渲染Highcharts圖表

Question

我想知道是否可以將同一個圖表呈現爲具有相同ID的多個div。我只是使用它作爲模板來展示這些東西的功能，最終，我會將其綁定到這裏並動態地創建div，並且可以爲每個div分配唯一的ID，而不僅僅是複製/粘貼圖表代碼4次我希望同一個圖表在每個div中呈現。我試過使用.each（）函數，但它仍然只在第一個div中呈現。

這是一個小提琴而不是複製/粘貼所有的代碼和每個功能的簡短片段; 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