막대 차트가있는 간단한 d3/보조개 드릴 다운 예제

Question

보조개 또는 nvd3을 사용하여 클릭 드릴 다운 막대 차트를 만들려고합니다.

막 대형 차트를 만들 수 있지만 문제는 없지만 각각의 막대를 클릭 할 수있게하여 JSON을로드하여 별도의 차트를 채우는 Javascript 함수를 호출 할 수 있도록합니다 (본질적으로 드릴 다운을 수행함).

그러나 문제는 내가 선택한 항목에 대한 일련의 값 또는 레이블에만 액세스 할 수 있으며 다음 차트를로드하려면 고유 한 것이 필요할 것이라고 생각됩니다. 내 레코드 세트의 다른 필드 또는 클릭 한 막대의 색인입니다.

딤플을 처음 접했을 때 나는 간단한 예제를 찾고 있었지만 내가보고있는 모든 것은 필자가 필요로하는 것보다 훨씬 많은 기능을 보여주는 동일한 차트 나 예제에 드릴 다운을 포함하는 것처럼 보입니다.

저는 일련의 각 항목에 이벤트를 바인딩하고 해당 데이터 포인트에 고유하지만 차트에서 사용되지 않는 클릭 이벤트 중에 데이터를 사용하는 방법을 찾고 있습니다.

Answer 1

here에 설명 된 series.addEventHandler 메서드를 사용하여 시리즈에 이벤트를 추가 할 수 있습니다.

This example은 본질적으로 드릴 스루이지만 클릭 대신 호버 이벤트를 사용합니다.