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.

LineChart: any way to add a custom tooltip?

See original GitHub issue

Any way to add a custom tooltip for Line chart?

i.e. for Bar chart, we can use

      <ResponsiveBar
        tooltip={tooltip}
      />

Would be really useful to have something similar for Line.

Thanks!

Issue Analytics

  • State:closed
  • Created 5 years ago
  • Comments:5 (1 by maintainers)

github_iconTop GitHub Comments

1reaction
superplussedcommented, Aug 3, 2018

(Love the library, don’t mind my gentle criticism) . But it does seem a bit crazy that it’s been added for pie chart and not other chart types. The good news is we can use the pie chart PR as a template for adding it to other charts:

https://github.com/plouc/nivo/commit/d3734428cee364f4eb67af5c0f4c572b9973dc31

0reactions
shreyakupadhyaycommented, Sep 28, 2022

A better reference to this. https://nivo.rocks/storybook/?path=/story/line--custom-tooltip

Custom tooltip specifically for LineChart.

Read more comments on GitHub >

github_iconTop Results From Across the Web

Custom Tooltips On Line Chart Using Chart.js - Stack Overflow
Custom Labels for Each Dataset. You can do this by using a custom label object. Preview. enter image description here. Script
Read more >
Adding a chart to a custom tooltip - YouTube
This video shows you how to add a chart to a custom tooltip. This allows you to visualize an overview first then drill...
Read more >
How to Customize the Tooltip Data in Chart JS - YouTube
Or even how to create charts with chart.js in Javascript? ... to draw or code a bar chart or a line chart, or...
Read more >
Solved: Customise Line Chart - Tooltip and set upper limit...
A) Is there a way to customise the tooltip that gets shown? It currently shows the value of the data point value, which...
Read more >
How to set custom tooltip in Data Chart (Line Chart)?
Hi, I need to customize the tooltip for my date chart, but following the documentation I can't set it, and it remains the...
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