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.

Dynamically loading data mixes hover legend

See original GitHub issue

Description

Dynamically loading data through chart.load({ columns }) displays correctly but hover legend becomes mixed up and will select records that are not being hovered over. I am using the area-spline chart. I have also ensured that the x-axis data is properly ordered for both sets. Unloading each column resolves the issue, but forces an “empty” flash.

I have seen issue https://github.com/naver/billboard.js/issues/771, but they are using a category chart.

Steps to check or reproduce

Using Billboard.js version 1.8.0

Here’s a link to a CodePen: https://codepen.io/austince/pen/mYyBxX?editors=0010 The config code is way at the bottom. Click switch to see the chart become confused.

Thank you!

Issue Analytics

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

github_iconTop GitHub Comments

1reaction
netilcommented, May 13, 2019

released on 1.8.1

1reaction
netilcommented, May 8, 2019

@austince, contributions are always welcomed!

Read more comments on GitHub >

github_iconTop Results From Across the Web

Tooltips | Charts - Google Developers
You can see the tooltip by hovering your mouse over any of the bars in the chart. Hover over the bars to see...
Read more >
Tooltips - ZingChart
Chart tooltips are hover labels that appear over data points on a chart. They can display chart data values, text, tables, images and...
Read more >
Car exploration with hover events in Python/v3 - Plotly
The trace name appear as the | legend item and on hover. | opacity | Sets the opacity of the trace. | r...
Read more >
Interactivity — Datashader v0.14.3
HoloViews offers a data-centered approach for analysis, where the same tool can be ... legends, and interactive features like hover that reveal the...
Read more >
Line Chart - How to Show Data on Mouseover using D3.js
Instead of catching hover events for individual elements, we want to display a tooltip whenever a user is hovering anywhere on the chart....
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