Multi-line "extra" hover label alignment is off

@Braintelligence

Pulled out of @Braintelligence's #3175 (comment)

or simply in https://codepen.io/etpinard/pen/QzRzBe

Would something like:

look good enough?

Maybe valign the value? :p

Example of a more extreme case:

Plotly.newPlot('graph', [{
  y: [1, 2, 1],
  name: 'Multi<br>line<br>trace<br>name',
  hoverlabel: {namelength: -1},
  hoverinfo: 'x+y+name'
}, {
  y: [1, 2, 1],
  name: 'Multi<br>line<br>trace<br>name',
  hoverinfo: 'x+y+name',
  hoverlabel: {namelength: -1}
}], {
  showlegend: true
})

Maybe valign the value? :p

That could work. @plotly/plotly_js any thoughts on this?

Otherwise it looks OK! :) Thanks a bunch

Currently multiline primary text with a single-line name leaves the name top-aligned with the text box, which makes me think the default with more lines in the name than in the primary text should be the same, top-aligned. But an attribute to switch that to middle-aligned or bottom-aligned would be great to add at some point.

fix #3442 - consider name label height in hoverlabel y-span

makes me think the default with more lines in the name than in the primary text should be the same

Pushed to #3443

But an attribute to switch that to middle-aligned or bottom-aligned would be great to add at some point.

Now in #3010

Navigation Menu

Repository navigation

Multi-line "extra" hover label alignment is off #3442

Metadata

Assignees

Labels

Type

Projects

Milestone

Relationships

Development

Multi-line "extra" hover label alignment is off #3442

Description

Activity

etpinard commented on Jan 18, 2019

Braintelligence commented on Jan 18, 2019

etpinard commented on Jan 18, 2019

etpinard commented on Jan 18, 2019

Braintelligence commented on Jan 18, 2019

alexcjohnson commented on Jan 18, 2019

etpinard commented on Jan 18, 2019

Metadata

Metadata

Assignees

Labels

Type

Projects

Milestone

Relationships

Development

Issue actions