在NVD3圖表中，如何使用自定義工具提示以及具有userInteractiveGuideLine true

我正在使用nvd3繪製某些圖表。我想顯示一個自定義的工具提示，而不是nvd3提供的默認工具提示。同時，我想顯示指南，即垂直指南線。但問題是，當我顯示自定義工具提示我需要禁用以下代碼userInteractiveGuideLine.The顯示什麼，我其實是想在NVD3圖表中，如何使用自定義工具提示以及具有userInteractiveGuideLine true

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

所以當我做useInteractiveGuideline: false我可以看到自定義工具提示，可以看到自定義消息TOOLTIP entered，但我不能看垂直guideLine。但是，當你設置useInteractiveGuideline: true我可以看到垂直指引線，但我不能看到自定義工具提示。我也看不到控制檯消息。是否有任何解決方案，我可以使用自定義使用useInteractiveGuideline: true工具提示一起，

來源

2017-01-26 Programming is Fun

您可以使用callback提供自定義的工具提示與interactiveUserGuideLine

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

來源

2017-01-26 17:46:39

我無法得到它的工作，我這是怎麼創建定製工具提示，但沒有準則 '代碼 useInteractiveGuideline：假，工具提示：{ contentGenerator：E => tooltipTemplate（e）中 }， ' 我也試圖與回調，並沒有運氣。 'code callback：（chart）=> { const tooltip = chart.interactiveLayer.tooltip; （e）=> { return tooltipTemplate（e）; }）; 回報圖表; }， ' – Shnigi

在NVD3圖表中，如何使用自定義工具提示以及具有userInteractiveGuideLine true

回答

相關問題