NVD3 차트에서 userInteractiveGuideLine을 사용하는 것과 함께 사용자 정의 툴팁을 사용하는 방법

Question

일부 차트를 그리기 위해 nvd3을 사용하고 있습니다. nvd3에서 제공하는 기본 툴팁 대신 커스텀 툴팁을 보여주고 싶습니다. 동시에 나는 가이드 라인, 즉 수직 가이드 라인 바를 보여주고 싶다. 하지만 난 코드를 다음 userInteractiveGuideLine.The을 해제해야 할 사용자 지정 도구 설명을 표시 할 때 문제는 내가 실제로 내가 useInteractiveGuideline: false을 할 때 그래서 사용자 지정 도구 설명을 볼 수 있습니다

useInteractiveGuideline: false, 
tooltip: { 
     contentGenerator: function(e) { 
     console.log("TOOLTIP entered"); 
     /*Details code here*/ 
      } 
} 

을 원하고 무엇을 보여주고 사용자를 볼 수 있습니다 메시지 TOOLTIP entered하지만 난 수직 가이드 라인을 볼 수 없습니다. 하지만 내가 useInteractiveGuideline: true을 설정하면 수직 가이드 라인을 볼 수 있지만 사용자 정의 툴팁을 볼 수 없습니다. 나는 콘솔 메시지도 볼 수 없다. 인가가 당신은 interactiveUserGuideLine와 함께 사용자 지정 도구 설명을 제공하기 위해 callback을 사용할 수 있습니다

Answer 1

내가 정의를 사용 useInteractiveGuideline: true를 사용하여 함께 툴팁 수있는 솔루션

callback: function(chart) { 
       var tooltip=chart.interactiveLayer.tooltip; 
       tooltip.contentGenerator(function(d) { 
         //Do custom toltip code here and return 
        }); 
       return chart; 
      }, 

나는 그것이 동작하지 않습니다