billboard.js icon indicating copy to clipboard operation
billboard.js copied to clipboard

Realtime x/y coordinate tooltip

Open netil opened this issue 2 years ago • 0 comments

Description

Provide option to display current pointer's x/y coordinate value.

  • Option1: display tooltip on x/y axes area xy-coordinate1
  • Option 2: display tooltip on x axis area xy-coordinate2

interface?

axis: {
     [x | y | y2] : {
          tooltip: {
               show: boolean;
               format(s: string);  // if not set, will follow tick.format
               grid: boolean; // whereas to show focused grid lines
           }
     },
}
  • Considerations:
    • grid lines need to be displayed only one per axes.
      • for y/y2, only one horizontal line
    • how to handle grid line collision?
      • focus grid line will be displayed by default
      • also, grid.focus option will

netil avatar Jan 19 '24 08:01 netil