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

在具有相同ID

1 个答案: