Dcjs 커서와 도구 설명은

Question

내 선 차트에 대한 dc.js 및 d3-tip을 사용하고 다음 가지고 :

이제 툴팁 쇼에만 좀 줄에 mouseover을 수행 할 때. 나는 차트의 모든 지점에서 툴팁을 보여줄 필요도 차트 below에서처럼 각 축 근처에 정확한 값을 보여

나는 그것을 dc.js를 함께 할 수 있습니까?

는 UPDATE :

는 좀 d3solution을 찾았지만 dc.js 그것을 구현할 수 없습니다. 도와주세요.

Answer 1

dc.js는 쉽게이 작업을 수행 할 수있는 방법을 제공하지 않습니다. 그러나 차트에 렌더렛이나 포스트 렌더링을 추가하여 간단한 것을 추가 할 수 있습니다. dc.js와 함께 d3-tip을 사용하는 데 문제가 있었으며 대신 사용자 정의 솔루션을 사용했습니다.

도화선을 축에 값 레이블과 함께 (another time-related question 기준) 넣습니다. https://jsfiddle.net/2bg6eyfq/2/ (업데이트 됨)

dc의 xyTips가 마우스 오버시에만 작동하기 때문에 사용자 정의 xyTips (추적 행)를 추가했습니다. dc.js에서 까다로운 점 중 하나는 데이터 포인트를 표시하고 xyTipsOn (false)을 설정할 수 없다는 것입니다. 포인트는 표시되지 않습니다.

chart 
    .xyTipsOn(false) 
    .renderDataPoints({radius: 3}) // these points won't show up 

그래서, 당신은 (기본값) xyTips를 떠나 당신은 아마 내 바이올린에, 제거 또는 직류의 xyTips을 숨기고 싶어하지만,이 쉽다.

그리고 당신은 또한 고든에서이 질문에 답변을 체크 아웃 할 수 있습니다 : how to highlight max and min points on lineChart