Is there any way to hover and show point in line chart?

See original GitHub issue

Is your feature request related to a problem? Please describe. First of all, thank you to everyone who created the nivo chart, it’s so great. I come from Vietnam. I use line chart nivo and custom like this. image

Describe the solution you’d like I want to hover in line chart and show tooltip, show point in this line. and point line will hidden when move mouse leave. Describe alternatives you’ve considered I use onMouseEnter={(point, event) => console.log('mouse: ', point, event)} to log position points but it don’t work with enableSlices="x". And I can’t make auto show, hidden it. I read the storybook and I have no way to implement it.

Additional context Regardless of any advice. Please let me know. I would like to thank everyone.

Issue Analytics

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

github_iconTop GitHub Comments

2reactions
nikeshhmcommented, Sep 14, 2021

@Rohit1508 @ayushkul @gregypooh Here is the example it may help. If you are looking for this Screenshot 2021-09-14 at 11 56 55 AM

https://codesandbox.io/s/bq8lb?file=/src/LineChart.js

2reactions
wyzecommented, Jun 14, 2020

This is not the exact thing you requested, but I did this for someone else a couple days ago and sounds like it is exactly what you need. https://codesandbox.io/s/nivoline-custom-slices-layer-851lp

Read more comments on GitHub >

github_iconTop Results From Across the Web

chartjs show dot point on hover over line chart - Stack Overflow
Try using mouseover and mouseout as shown below. Similarly you can also use mouseenter and ...
Read more >
Interactive Chart on Mouse Hover - YouTube
Interactive Chart in Excel on Mouse HoverIn this video, we will learn to create a beautiful chart and change the series and it's...
Read more >
How to Add Custom Annotation Line on Hover in Chart JS
How to Add Custom Annotation Line on Hover in Chart JSTo add a custom annotation line on hover in Chart JS we need...
Read more >
Interactions - Chart.js
The events option defines the browser events that the chart should listen to for. Each of these events trigger hover and are passed...
Read more >
Hovering mouse pointer over curve plot doesn't display the x ...
Now however, it doesn't show anything at all. Even if click on the point it doesn't float the label with the points (see...
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