Closed leeseungho55 closed 3 months ago
이 기능은 그래프에 표시된 항목을 필터링하여 특정 항목만 표시하거나 감추는 것을 의미하며, 원하는 데이터만 확인 가능. 예를 들어, 사용자가 필터링할 항목을 선택하면 해당 항목만 그래프에 표시되도록 함.
// 예시 코드 document.getElementById('filterDropdown').addEventListener('change', function() { const selectedCategory = this.value; const nodes = document.querySelectorAll('.node');
nodes.forEach(node => { if (node.dataset.category === selectedCategory || selectedCategory === 'all') { node.style.display = 'block'; // 선택된 카테고리와 일치 혹은 선택된 경우 표시 } else { node.style.display = 'none'; // 선택된 카테고리와 일치하지 않는 경우 숨김 } });
});
여러 개의 html 파일과 js 파일이 있는데 무슨 파일인지도 밝히지 않고 이렇게 알아보기 힘든 내용은 (저도 잘 모르겠으면 다른 학생들도 마찬가지일 것이라 보기 때문에) 반려합니다.
이 기능은 그래프에 표시된 항목을 필터링하여 특정 항목만 표시하거나 감추는 것을 의미하며, 원하는 데이터만 확인 가능. 예를 들어, 사용자가 필터링할 항목을 선택하면 해당 항목만 그래프에 표시되도록 함.
// 예시 코드 document.getElementById('filterDropdown').addEventListener('change', function() { const selectedCategory = this.value; const nodes = document.querySelectorAll('.node');
});