我正在使用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
,
您可以使用callback
InteractiveUserGuideLine提供自定义工具提示
callback: function(chart) {
var tooltip=chart.interactiveLayer.tooltip;
tooltip.contentGenerator(function(d) {
//Do custom toltip code here and return
});
return chart;
},
本文收集自互联网,转载请注明来源。
如有侵权,请联系 [email protected] 删除。
我来说两句