Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

How to ungroup tooltips #719

Open
clu-7 opened this issue Jun 26, 2020 · 0 comments
Open

How to ungroup tooltips #719

clu-7 opened this issue Jun 26, 2020 · 0 comments

Comments

@clu-7
Copy link

clu-7 commented Jun 26, 2020

Screen Shot 2020-06-25 at 5 34 29 PM

Overview

Describe the issue. What is the issue and what did you expect?

Screen Shot 2020-06-25 at 5 12 03 PM
ChartsJS
Using vanilla ChartsJS, when you hover over different sections in the stacked bar chart, you can see the individual value.

Screen Shot 2020-06-25 at 5 34 55 PM
Angular-ChartsJS
However, in when I use the angular-charts.js I get the stacked tooltip with 3 rows.

Is it possible to "unstack" the tooltip?

Solution: It seems like I found the area that I need to update. Looking at the angular-charts.js code, if I comment out:

  Chart.defaults.global.tooltips.mode = 'label';```

it works like it does originally in ChartsJS. So I need to figure out a way to override.

Hope this helps someone if they encounter the same issue!



Please make sure to review and check all of these items:

- [ ] Use latest version of the library
- [ ] Make sure you've included all the dependencies e.g Chart.js, angular, etc.
- [ ] Include a repro case, see below.


### Step to reproduce

**Ensure you add a link to a plunker, jsbin, or equivalent. Issues without repro steps may be closed immediately.** 

Here is a [jsbin template](https://jsbin.com/rukiyis/edit?html,js,output) for convenience.


Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

1 participant