d3.js: Цвет по группам на основе ввода пользователя

Question

Я новичок, использующий d3.js для создания многоуровневого графика фильтра на основе пользовательских выборов. Все фильтры работают за исключением enter link description here категориального выбора цвета. Цвета по умолчанию соответствуют типу жидкости (по умолчанию должен быть тип материала), а использование переключателя для переключения не работает. Может ли кто-нибудь помочь?

https://plnkr.co/edit/yoFCbe?p=preview

function filter_color(){ 
    colored = document.getElementById("color_Filter"); 
    svg.append("circle") 
     .style("fill", function(d) { 
      if (colored == 0) { 
       return color(d["Material group"]); 
      } else { 
       return color(d["Fluid type"]); 
      } 
     }) 
    } 

Answer 1

Вы не проверяя фактической стоимости коробки радио. Получить состояние checked/unchecked и что если заявление будет работать, как он должен:

colored = document.getElementById("color_Filter")[0].checked; // <= mind here 
    if (colored == 0) { 
     return color(d["Material group"]); 
    } else { 
     return color(d["Fluid type"]); 
    } 

https://plnkr.co/edit/gZOIbDgYj6OCs5aM1CV2?p=preview См