Outline for text layers

It would be very helpful to be able to add outlines to text layers. This allows for text to be legible on any background (eg white text with black outline, or black text with white outline).

Also, though not strictly related, there does not seem to be any documentation of the options "familysrc", "sizesrc", or "colorsrc" anywhere.
https://plot.ly/javascript/reference/#bar-textfont
https://plot.ly/r/reference/#scatter-textfont

Related: talgalili/heatmaply#42

Also, though not strictly related, there does not seem to be any documentation of the options "familysrc", "sizesrc", or "colorsrc" anywhere.

Those shouldn't even be displayed in the docs pages. Thanks for pointing this out.

No worries, fyi there are a few similar things hanging around in the documentation, eg
https://plot.ly/javascript/reference/#bar-marker-colorbar-tickvalssrc

It would be very helpful to be able to add outlines to text layers.

About this here, can you share a screenshot to help us understand what you're looking for?

Google maps uses dark text with a white outline, while white text with a dark outline also works. It's the most effective way to make text readable on any background

A note on implementation: for SVG, it requires two copies of the text element with different stroke-width properties (that is, it's possible but not just a simple property, which means it requires a bit more effort)

Our much-neglected polar charts do this with the text-shadow style:

<text dy="0" y="0" x="0" dx="0" transform="rotate(45) translate(0,15)" style="
  text-anchor: start;
  font-size: 15px;
  font-family: Tahoma, sans-serif;
  fill: gray;
  text-shadow: white -1px 0px 0px, white 1px -1px 0px, white -1px 1px 0px, white 1px 1px 0px;
">0</text>

Might cease to look good at a greater thickness though, as that's not going to increase the radius of curvature. But it at least avoids having to copy everything. Kind of an odd collection of offsets, I wonder if that was intentional...

I'll also note that applying this to mathjax will require a completely distinct implementation regardless, as it generates its own SVG paths.

Oh wow, I stand corrected! Thanks for that. I missed that in my googling.

From #3191 (comment)

Definitely an improvement! I'm just wondering if we want to go one step further and make a new attribute (tickshadow?) that defaults to paper_bgcolor but people could set it to whatever they want (including transparent).

@etpinard

@etpinard : After reading through this issue it is not clear to me what the solution is.

Imagine the following case: on top of a choropleth map you add a text trace to indicate a value permanently (not just through a hover). Considering that the heatmap has colors from light yellow to dark blue, it is almost impossible to choose a font color of the text trace which is visible on the map. What would you suggest?

@gvwilson

Hi - this issue has been sitting for a while, so as part of our effort to tidy up our public repositories I'm going to close it. If it's still a concern, we'd be grateful if you could open a new issue (with a short reproducible example if appropriate) so that we can add it to our stack. Cheers - @gvwilson

It seems very odd to close multiple issues that team members have acknowledged as useful potential changes, and this does not make me inclined to contribute further, whether by documenting issues or making code contributions

@alanocallaghan

@alanocallaghan thanks for your feedback - we're trying to sort through over 3500 open issues across more than 100 repositories and figure out which ones people do still care about. I'll reopen this one and assign it to myself for further triage.

By all means carry on, I imagine there's hundreds of good ideas and valid bug reports in here but dealing with a huge backlog is difficult. Probably just a grumpy Monday response from me

Is this already solved by the new font.shadow attributes? #6983 ?

This is resolved by font.shadow options including auto in #6983.
Closing...

Navigation Menu

Repository navigation

Outline for text layers #1597

Metadata

Assignees

Labels

Type

Projects

Milestone

Relationships

Development

Outline for text layers #1597

Description

Activity

etpinard commented on Apr 14, 2017

alanocallaghan commented on Apr 14, 2017

etpinard commented on Apr 17, 2017

alanocallaghan commented on Apr 17, 2017

rreusser commented on Apr 17, 2017

alexcjohnson commented on Apr 18, 2017

rreusser commented on Apr 18, 2017

etpinard commented on Oct 31, 2018

fgenoese commented on May 11, 2022

gvwilson commented on Jun 10, 2024

alanocallaghan commented on Jun 10, 2024

gvwilson commented on Jun 10, 2024

alanocallaghan commented on Jun 10, 2024

alexcjohnson commented on Jun 10, 2024

archmoj commented on Jun 17, 2024

Metadata

Metadata

Assignees

Labels

Type

Projects

Milestone

Relationships

Development

Issue actions