Nivo: tooltipFormat should allow fully custom formatting

[pvjones]

Maybe it's just me, but it seems like the tooltipFormat callback should allow formatting and returning the entire display string, not just the value.

Right now the tooltip always shows a color swatch, the data key, and then appends the formatted value.

I think the ability to format the entire string is important for a variety of reasons (custom localization, context-based messages, etc). Plus in my current usage it doesn't make sense to display a color swatch.

Is there another way to achieve this that I'm not aware of?

[pvjones]

On a related note, it also seems like users should be able to disable tooltips. From what I can tell, this isn't possible (at least in Pie or Bar which are the only components I've tried so far).

[stahlmanDesign]

@pvjones in your settings you can disable the tooltip this way:
isInteractive: false

[pvjones]

@stahlmanDesign Lifesaver, thanks! I was wondering what isInteractive did! My bad for speaking before investigating more.

[ellipticaldoor]

Also it would be nice to access x and y values instead of just y

[riteshnus]

Is it possible to access x and y both in the tooltip?

[plouc]

Duplicate of https://github.com/plouc/nivo/issues/117

[rxhl]

@plouc Is it possible to access the x value on a tooltip? In the following example, id is y-axis and value is the value of the y-axis but how do we get the x-axis value?

tooltip={({ id, value, color }) => (
          <div style={{ color: '#fff' }}>
            {id}: {value}
          </div>
        )}

[r0zar]

I'm able to access the data with

            tooltip={(input) => {
              console.log(input.point)
              return (
              <div>
                hello
              </div>
            )}}