NVD3 TooltipContent Không hoạt động

Question

Tôi đang sử dụng thư viện NVD3 cho dự án của mình và tôi đã viết mã sau đây.

var chart = nv.models.lineChart() 
      .useInteractiveGuideline(true) 
      .margin({top: 50, right: 50, bottom: 50, left: 50}) 
      .tooltipContent(function (key, y, e, graph) { 
       console.log("helo"); 
       return "hello"; 
      }); 

Đầu ra mong đợi sẽ hiển thị lời chào khi di chuột qua. Nhưng tôi không nhận được điều đó, thay vào đó tôi nhận được tooltip mặc định.

Vui lòng cho tôi biết lỗi tôi đang làm.

Answer 1

Bạn có thể tạo fiddle hoặc plunkr cho nó không? Dưới đây là việc thực hiện các mã dự án của chúng tôi, nó sẽ trả về một yếu tố html một hoạt động tốt:

.tooltipContent(function (key, x, y, e) { 
          if (e.value >= 0) { 
           return '<h3>' + key + '</h3>' + 
            '<p>' + y + ' at ' + x + '</p>'; 
          } else { 
           return ''; 
          } 
         }); 

Answer 2

Đó là bây giờ có thể có nội dung tùy chỉnh với các hướng dẫn tương tác như các phiên bản 1.8.1 (https://github.com/novus/nvd3/tree/v1.8.1-alpha).

chart.interactiveLayer.tooltip.contentGenerator(function(data) { 
    return 'this is my custom content'; 
}); 

Answer 3

Bắt đầu với phiên bản nvd3 1.8+ sử dụng phương pháp chart.tooltip.contentGenerator() thay vì .tooltipContent()

Ví dụ:

chart.tooltip.contentGenerator(function(data) { 
     return '<p>' + data.point.x + '</p>' 
    } 

Thông tin thêm ở đây - https://github.com/novus/nvd3/issues/1359