How to customize interactive tooltip?

I would like to change the content of the interactive tooltip.

I hadn’t success by setting chart option object with following:

                ...
                useInteractiveGuideline: true,
                interactiveLayer: {
                    tooltip: {
                        gravity: 's',
                        fixedTop: 65,
                        contentGenerator: function() {return function(d) {
                            d.conseil = conseilLabel[quelConseil(d.series[0].value,d.series[1].value)]; 
                            return '<p>'+p.tooltipContent(d)+'</p>';
                        }}(),
                    },
                }

Then, I have tried by overriding chart.interactiveLayer.tooltip.contentGenerator once the chart is created. This works fine until any chart option is changed, then default content generator comes back.

What’s the best option to achieve my goal?

TIA

[Skinner927]

@ilariuss You can create a graph with an object instead of a function. The object has the properties generate (which would be your regular function that you pass into addGraph) and then the callback like above.

See this for an example: https://github.com/novus/nvd3/blob/dbcdc25bd1637cbe5368a8e0f74032c1acafcb0f/examples/historicalBar.html#L30

[kashyap-cliqr]

tooltip.fixedTop(65); is not working in latest version of nvd3. any work around for this issue?

I want 2 tooltip for focus chart. one for start anchor point and another at end anchor point when someone use brush in linewithfocus chart. any idea how to achieve with nvd3? can I create 2 tooltip with nvd3 for focus chart and set their position?