Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Tooltip documentation needs improvements regarding custom tooltips

See original GitHub issue

We should provide more docs on how to use custom tooltips and what problem they are intended to fix.

We should also do a better job documenting what the tooltipItem struct contains

Issue Analytics

State:
Created 7 years ago
Reactions:3
Comments:8 (1 by maintainers)

Top GitHub Comments

10reactions

Jaded-Designcommented, Jun 14, 2016

Until this can be done here are some quick helpers for people looking for answers to common situations:

Here is how to put together a basic label:

 options: {
      animation: false,
           tooltips: {
              callbacks: {
                  label: function (tooltipItem, data) { return data.datasets[tooltipItem.datasetIndex].label + ' - ' + tooltipItem.yLabel}
                    }
                },

And here is how to return a label and then format the number to a currency:

options: {
  animation: false,
  tooltips: {
        callbacks: {
            label: function (tooltipItem, data) { return data.datasets[tooltipItem.datasetIndex].label + ' - ' + '$' + Number(tooltipItem.yLabel).toFixed(0).toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",");}
                    }
                },

0reactions

etimbergcommented, Mar 21, 2017

Fixed in #3751