无法使用for循环在jquery中生成多个图形

时间:2017-06-09 07:10:25

标签: jquery flot

我无法在jquery中使用for循环动态生成多个图表(flot chart)。它只生成了一个图表。我提到了下面的代码。

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代码:

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

1 个答案:

答案 0 :(得分:0)

试试这个

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