Angular 및 Angularjs-nvd3 지시문은 선형 차트의 이벤트를 표시합니다.

Question

대시 보드를 만들기 위해 AngularJS 및 Angularjs-nvd3 지시문을 사용하고 있습니다. 대부분 선 그래프를 사용하고 있습니다. 차트에서 일부 이벤트를 표시 할 수 있다면 좋을 것입니다. 제가 시계열을 가지고 있다고 가정 해 봅시다. 어떤 시점에서 마커 (도트 또는 라인, 아마도 커스텀 툴팁)를 그려 넣고 싶습니다.

그렇게 할 방법이 있습니까?

감사합니다. 이 사용자 정의 도구 설명에 오면

Answer 1

당신이 차트 지시어에 속성을 추가 할 수 있습니다 : 다음

tooltipcontent="toolTipContentFunction()" 

과, 당신의 controller에서 HTML 생성하는 함수를 정의

$scope.toolTipContentFunction = function(){ 
return function(key, x, y, e, graph) { 
    return '<h1>My Custom Tooltip</h1>' + 
      '<h3>' + key + '</h3>'; 
    } 
};