1

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

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

因此,当我制作时,useInteractiveGuideline: false我可以看到自定义工具提示并且可以看到自定义消息TOOLTIP entered,但我看不到垂直指南。但是当你设置useInteractiveGuideline: true我可以看到垂直引导线但我看不到自定义工具提示。我也看不到控制台消息。有没有我可以使用自定义工具提示以及使用的解决方案useInteractiveGuideline: true

4

1 回答 1

1

您可以使用callbackinteractiveUserGuideLine 提供自定义工具提示

callback: function(chart) {
                var tooltip=chart.interactiveLayer.tooltip;
                tooltip.contentGenerator(function(d) {
                      //Do custom toltip code here and return
                    });
                return chart;
            },
于 2017-01-26T17:46:39.377 回答