在NVD3图表中,如何使用自定义工具提示以及userInteractiveGuideLine true

编程很有趣

我正在使用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

约希尔·伊斯兰教

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

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

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

显示使用nvd3的离散图表的自定义工具提示

rCharts NVD3自定义工具提示

如何在反应“图表”中自定义工具提示数据?

chartjs - 如何在自定义工具提示回调中访问图表实例

如何在角度图表的自定义工具提示中使用HTML?

如何在Highchart中自定义工具提示?

图表JS自定义工具提示未显示

QML图表视图中的自定义工具提示

Syncfusion JS图表自定义工具提示

为什么在Python中`(True,True,True)== True,True,True`不是True?

[True] 中的 [True] 中的 True 输出:False

为什么 Python3 中的 True, True, True == (True, True, True) 给出 o/p True, True, False?

javascript 中 true && true && true && false && true && true && true 的结果是什么?

如何在鼠标悬停时定位自定义工具提示,等效于在图表属性中的事件加载时通过使用chart.renderer.text来使用默认工具提示

如何向 JtextField 添加自定义工具提示?

在dxChart中自定义工具提示

在R amCharts中添加自定义工具提示

在holoview中自定义工具提示

iOS版swiftUI中的自定义工具提示

在 Ubuntu Mate 20.04 中自定义工具提示

使用Bootstrap 5创建自定义工具提示

使用多个值自定义工具提示

自定义工具提示格式

WPF自定义工具提示

如何使用 JavaScript 中 JSON 数组中的数据为 chartJS 图形创建自定义工具提示?

在c3.js中获取x轴值以自定义工具提示?

如何在可可 (OS X) 中以编程方式自定义工具提示?

如何使用CSS伪元素创建自定义工具提示

如何使用热图顶点图中的数组值设置自定义工具提示?