Search code examples
jqueryflot

Not able to Generate more than one graph in jquery using for loop

I am not able to generate more than one graph(flot chart) dynamically using for loop in jquery. it's generated only one chart . I mentioned the code below.

datedealsdata = "Any data "
for(i=0;i<3;i++){
    $('#head').html('<div class="leadConvCycle'+i+'"></div>')
    var datedataset = [{ data: datedealsdata, color: "#21abf6" }];
    $.plot($(".leadConvCycle"+i), datedataset, options);
    $(".leadConvCycle"+i).UseTooltip();
}

html code:

    <div id="head"></div>
Solution

  • Try this

    datedealsdata = "Any data "
for(i = 0; i < 3; i++) {
   var datedataset = [{ data: datedealsdata, color: "#21abf6" }];
   var ele = $(".leadConvCycle"+i);
   generateGraph(ele);
}
function generateGraph(ele) {
    $.plot(ele, datedataset, options);
    ele.UseTooltip();
}

    See working example like this