在 NVD3 图表中，我如何使用自定义工具提示以及让 userInteractiveGuideLine 为真

Question

我正在使用 nvd3 绘制一些图表。我想显示自定义工具提示而不是 nvd3 提供的默认工具提示。同时我想显示指南，即垂直指南栏。但问题是当我显示自定义工具提示时我必须禁用 userInteractiveGuideLine.The 下面的代码显示了我真正想要的

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

所以当我制作 useInteractiveGuideline: false 时，我可以看到自定义工具提示并可以看到自定义消息 TOOLTIP entered 但我看不到垂直引导线。但是当你设置 useInteractiveGuideline: true 时，我可以看到垂直引导线，但看不到自定义工具提示。我也看不到控制台消息。有什么解决方案可以让我在使用 useInteractiveGuideline: true、

的同时使用自定义工具提示

Answer 1

您可以使用 callback 通过 interactiveUserGuideLine

提供自定义工具提示

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

在 NVD3 图表中，我如何使用自定义工具提示以及让 userInteractiveGuideLine 为真

In NVD3 chart how can i use custom tooltip along with having userInteractiveGuideLine true

nvd3.js

angular-nvd3

angularjs-nvd3-directives

ng2-nvd3