nvd3 : 마우스 오버시 전체 누적 막대를 강조 표시하는 방법은 무엇입니까?

전체 막대 값으로 일반적인 툴팁을 표시하려면 nvd3 차트에서 전체 스택 막대를 강조 표시해야합니다.nvd3 : 마우스 오버시 전체 누적 막대를 강조 표시하는 방법은 무엇입니까?

내 코드 예제의 동일합니다 :이처럼 CSS를 뭔가에 넣어 하이라이트 http://nvd3.org/ghpages/multiBar.html

NVD3에는이 옵션이 없으므로 소스 코드를 수정해야합니다. –

'multibar.dispatch.on ('elementMouseover.tooltip')'이벤트를 수동으로 강조 표시하여 다중 막대 차트 모델을 복제 했습니까? 아니면'multibar' 컴포넌트를 수정해야합니까? – byterussian

수정 내용에 대해서는 잘 모르겠지만 간단한 변화가 아닙니다. 막대 중 하나의 마우스 오버시 다른 막대를 선택하고 강조 표시하고 툴팁에 표시된 내용을 변경해야합니다. –

.nv-bar:hover { 
    fill: #ff0000 //this is bright red, pick the highlight color you want 
}

툴팁은 아마 최고의 자바 스크립트 또는 jQuery를 함께 구현 될 것이다. 이벤트 시스템을 사용하여 마우스 오버시 요소를 표시하고 마우스로 이동 한 후 해당 데이터로 채 웁니다. mouseleave에서 숨 깁니다.

2014-02-06 21:48:21

형식이 내 코드에서 작동하지 않는 이유를 모르겠다 ... –

기본적으로 차트가 렌더링 될 때 스타일은 모든 CSS 스타일을 무시하는 인라인이기 때문입니다. 귀하의 CSS에서 채우기로 정의해야합니다 : # ff0000! 스타일이 효과를 나타 내기 위해 중요합니다. – user3658423

답변