Question

我正在使用nvd3绘制一些图表。我想显示一个自定义工具提示，而不是nvd3提供的默认工具提示。同时我想显示指南，即垂直引导线条。但问题是，当我显示自定义工具提示时，我必须禁用userInteractiveGuideLine。以下代码显示我实际想要的内容

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

因此，当我制作useInteractiveGuideline: false时，我可以看到自定义工具提示，并且可以看到自定义消息TOOLTIP entered，但我无法看到垂直guideLine。但是当你设置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 true

1 个答案: