Skip to content

How to ungroup tooltips #719

@clu-7

Description

@clu-7

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.


Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions