Question

给出这个例子：http://www.flotcharts.org/flot/examples/series-toggle/index.html。有没有办法让它动态地运作？我不希望每个cauntry都有一个复选框，但只有两个（例如：美国的复选框和俄罗斯的复选框）。希望我能让自己明白。我怎么能这样做？

提前致谢！

Answer 1

以下是设置复选框的示例中的代码：

    // insert checkboxes 
    var choiceContainer = $("#choices");
    $.each(datasets, function(key, val) {
        choiceContainer.append("<br/><input type='checkbox' name='" + key +
            "' checked='checked' id='id" + key + "'></input>" +
            "<label for='id" + key + "'>"
            + val.label + "</label>");
    });

声明所需国家/地区的密钥数组：

var countriesToShow = ["usa", "russia"];

现在更改each()调用以检查每个数据项键是否包含在该数组中，并仅输出复选框+标签（如果存在）。

$.each(datasets, function(key, val) {
    if (countriesToShow.includes(key)) {
        choiceContainer.append("<br/><input type='checkbox' name='" + key +
            "' checked='checked' id='id" + key + "'></input>" +
            "<label for='id" + key + "'>"
            + val.label + "</label>");
    }
});

如何切换某些flot chart系列？

1 个答案: