Сохранить данные для непроверенной опции из флажка d3

Question

Я действительно изо всех сил связываю отмеченные / непроверенные с линиями.

Мне удалось выбрать строки, когда опции отмечены галочкой.Но когда параметры unchecekd, то они удаляются полностью.Вместо того, чтобы удалять их, я бы хотел, чтобы у них были атрибуты цепочки, такие как цвета.

Я принял соответствующее участие только потому, что оригинальный код необычно длинный.Данные вложены по ключевой стране и опции флажка содержат страну в качестве идентификатора / значения.

Первоначально отображаются линии (тот же путь, но серого цвета), а часть ниже окрашивает линии, выбранные в флажке.

Линии успешно окрашены, но они исчезают, когда соответствующие опции отменены.Вместо этого я хотел бы, чтобы они остались с начальным цветом, который является серым.

Но, похоже, .exit () здесь не работает.Я действительно борюсь ... Кто-нибудь может мне помочь?

d3.select(#checkbox).on("change", function() { 

    var country = this.value
        display = this.checked ? "inline" : "none"; 

    var filtered = lineWrapper
                    .selectAll(".line")
                    .filter(function(d) { return d.key === country; });

    filtered
        .transition()
        .duration(2000)
        .ease(d3.easeLinear)
            .style("stroke",  function(d) {return colScale(d.key); })
            .style("stroke-width", 3)
            .style("fill", "none");

    filtered
        .exit()
        .transition()
            .style("stroke", "#C0C0C0")
            .style("stroke-width", 1)
            .style("fill", "none");