NVD3 차트에서 userInteractiveGuideLine을 true로 설정하고 사용자 정의 도구 설명을 어떻게 사용할 수 있습니까?

debugcn 에 게시 Dev

프로그래밍은 재미있다

일부 차트를 그리기 위해 nvd3를 사용하고 있습니다. nvd3에서 제공하는 기본 도구 설명 대신 사용자 지정 도구 설명을 표시하고 싶습니다. 동시에 수직 가이드 라인 바에 대한 가이드 라인을 표시하고 싶습니다. 그러나 문제는 사용자 정의 도구 설명을 표시 할 때 userInteractiveGuideLine을 비활성화해야한다는 것입니다. 다음 코드는 내가 실제로 원하는 것을 보여줍니다.

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

그래서 내가 만들 때 useInteractiveGuideline: false사용자 정의 도구 설명을 볼 수 있고 사용자 정의 메시지를 볼 수 TOOLTIP entered있지만 수직 안내선은 볼 수 없습니다. 하지만 설정 useInteractiveGuideline: true하면 수직 안내선을 볼 수 있지만 사용자 정의 도구 설명을 볼 수 없습니다. 콘솔 메시지도 볼 수 없습니다. 내가 사용과 함께 사용자 지정 도구 설명을 사용할 수있는 모든 솔루션이 있습니까 useInteractiveGuideline: true,

Md Johirul 이슬람

callbackInteractiveUserGuideLine과 함께 사용자 지정 도구 설명을 제공 하는 데 사용할 수 있습니다.

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

이 기사는 인터넷에서 수집됩니다. 재 인쇄 할 때 출처를 알려주십시오.

침해가 발생한 경우 연락 주시기 바랍니다[email protected] 삭제

에서 수정2021-06-16

몇 마디 만하겠습니다

0리뷰

로그인참여 후 검토

Related 관련 기사

기사