如何在angular-nvd3多栏图表中添加自定义工具提示？

Question

我无法在多栏图表中使用它

{{1}}

默认工具提示仍然显示。而不是我的自定义工具提示。

有人成功制作了自定义工具提示吗？

Answer 1

您想要使用chart.tooltip.contentGenerator方法（ES6相当于我在this plunker中模拟的内容）：

$scope.countsChart.options = {
  chart: {
    ...,
    tooltip: {
      contentGenerator: function (key, x, y, e, graph) { 
        return '<h1>Test</h1>';
      }
   // or if you're writing ES6:
   // contentGenerator: (key, x, y, e, graph) => '<h1>Test</h1>'; 
    }
  }
}