question-mark
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.

seriesTooltipTemplate format

See original GitHub issue

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

Issue Analytics

  • State:closed
  • Created 6 years ago
  • Reactions:2
  • Comments:5 (2 by maintainers)

github_iconTop GitHub Comments

8reactions
marjan-georgievcommented, Jun 6, 2017

You can do this:

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

Which will show you what the model looks like.

1reaction
marjan-georgievcommented, Jun 6, 2017

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

Read more comments on GitHub >

github_iconTop Results From Across the Web

series.tooltip - API Reference - Kendo UI Chart - Documentation
series.tooltip.template String|Function. The template which renders the tooltip. The fields which can be used in the template are:.
Read more >
Custom tooltip contents @ ngx-charts | Angular2+ | TypeScript
I've been trying to set a custom label in a line chart's tooltip , e.g., modified number of minutes in HH:mm format (74...
Read more >
Swimlane Line Chart Log Scale - StackBlitz
Log scale line chart demo for ngx-charts.
Read more >
Line Chart - ngx-charts - GitBook
the x axis tick formatting ... seriesTooltipTemplate. TemplateRef ... Every reference line should be of format {name, value}. showRefLines. boolean.
Read more >
How to override ngx-charts tooltip styles with angular-material ...
<ng-template #seriesTooltipTemplate let-model="model">. <h3 class="m-none">$15,000</h3>. <span class="chart__tooltip-sub-label">.
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found