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.

Tooltip jumps to only specified xAxis ticks values

See original GitHub issue

Description

Starts with 1.10 version, using an area spline chart with multiple series seems to make a tooltip jumps through only the visible x-axis ticks. In 1.9 it works as expected and a tooltip is displayed for every point (see gifs).

Steps to check or reproduce

How it works with 1.9:

billboard-1 9

With billboard 1.10: billboard-1 10

I may notice that it jumps over visible ticks and skip any other hidden tricks.

After did some research, looks like with the latest version tooltips are only shown under the values defined in x.axis.tick.values which is our case.

axis: {
   x: {
      tick: {
         centered: true, 
         count: 7, 
         culling: false,
         values: [1, 2, 3, 4, 5, 6, 7]
      },
   }
},
data: {
   columns: [
      ['1', 300 numbers],
      ['2', 300 numbers],
      ['3', 300 numbers],
      ['4', 300 numbers],
      ['5', 300 numbers],
      ['6', 300 numbers],
      ['7', 300 numbers],
      ['8', 300 numbers],
      ['x', 300 timestamps],
   ],
   type: 'area-spline',
   x: 'x'
}

Is there a bug or incorrect billboard usage?

It’s worth to say that this might directly be related to an issue found on the billboard demo page for defining X Axis Tick Values where you can only see a tooltip for the second point.

Issue Analytics

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

github_iconTop GitHub Comments

2reactions
netilcommented, Aug 15, 2019

Hi @Slava-iTechArt, thanks for the report. I’ll be trying fix the issue ASAP and release the patch.

0reactions
santicroscommented, Feb 20, 2020

Hey @netil I think I understood it a bit wrong, sorry. What I wanted was the tooltip to be smooth through two points of data, so it would show intermediate values of the two data items. Is it very complicated? Thanks for your work!!

Read more comments on GitHub >

github_iconTop Results From Across the Web

Show tooltip on plotly based on x-axis - Stack Overflow
Basically I just want a standard tooltip that shows the same information based exclusively on where on the x-axis the user is, regardless...
Read more >
Tooltips on Xaxis labels? in UI for Silverlight | Telerik Forums
Hello, I have to create a chart where the labels on x-axis are very long. ... This way only the text of the...
Read more >
Axis Tooltips – amCharts 4 Documentation
Disabling tooltip​​ It's a boolean setting, available in all axis types. So, if we'd like to disable tooltip on a vertical Value axis...
Read more >
How to Reduce the Label Ticks in the X Axis in Chart JS
How to reduce the Label Ticks in the X Axis in Chart JSTo reduce the label ticks in the X axis requires specific...
Read more >
Tooltip - Chart.js
# Tooltip Configuration ; intersect, boolean, interaction.intersect, If true, the tooltip mode applies only when the mouse position intersects ...
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