Ngx-charts: seriesTooltipTemplate format

Created on 6 Jun 2017  路  5Comments  路  Source: swimlane/ngx-charts

I'm submitting a ...

[ ] bug report => search github for a similar issue or PR before submitting
[ ] feature request
[X] support request => Please do not submit support request here

I know it says not to support support requests here, but I couldn't find where you are supposed to 馃槥
This should be an easy question though: What is the proper format for seriesTooltipTemplate? I couldn't find an example anywhere. I know the other template is like this:

<ng-template #tooltipTemplate let-model="model">
            <h1>
              Title
            </h1>
            <h2>{{model.name}}--{{model.value}}</h2>
      </ng-template>

That doesn't work for this one though if I just switch tooltipTemplate to seriesTooltipTemplate. It shows Title and the 2 dashes, but that's it. I'm guessing you can specify the x and y values for that point, but I'm not sure how. Any help would be appreciated and thank you in advance

Most helpful comment

You can do this:

<ng-template #tooltipTemplate let-model="model">
  {{model | json}}
</ng-template>

Which will show you what the model looks like.

All 5 comments

You can do this:

<ng-template #tooltipTemplate let-model="model">
  {{model | json}}
</ng-template>

Which will show you what the model looks like.

Thank you! That is very helpful.
For anyone else wondering, it seems the difference with seriesTooltipTemplate is that it is an array. So model.name becomes model[0].name and then it displays 馃槃

Correct, the seriesTooltipTemplate lists all series for that x value.

you should just run an ngfor on model



{{mod.name}}-{{ mod.series }}


{{ mod.value | graphToolTip }}



Also what did you use to get the color thats applied to it, NVM I found it in the object. its just .color

Was this page helpful?
0 / 5 - 0 ratings

Related issues

NashIlli picture NashIlli  路  3Comments

faisalnet5 picture faisalnet5  路  3Comments

ianfdk picture ianfdk  路  3Comments

emeric0101 picture emeric0101  路  3Comments

lokeshdaiya picture lokeshdaiya  路  3Comments