plotly / plotly/plotly.js

Axis labels and tick labels in 3D plots do not use fonts loaded from remote server

Abierto
#7,413 3 comentarios 0 reacciones 0 asignados Ver en GitHub

Nadie ha tomado este issue todavía.

bug P2
Lenguaje dominante
JavaScript
Estrellas
18.3k
Forks
2k
Merge medio
2 d 12 h
PR fusionados (30 d)
28

Descripción

I have an HTML export of a 3D figure created using the Python API. For website embedding, I load a custom font from a server. For the example here, I'll just use a Google Font with a distinct style:

<link
  href="http://fonts.googleapis.com/css?family=Audiowide"
  rel="stylesheet"
  type="text/css"
/>

I include a template in the plot layout so that this font is used for axis labels, tick labels, and et cetera. For 2D plots, this works as expected. For 3D plots, the axis and tick labels do not use the font at all.

I can't share the HTML export, but I recreated a minimal example from scratch to demonstrate this using Plotly.js:

plotly-3d-graph-font-issue.html.zip

Image

Guía de contribución

Abrir la guía de contribución

Primeros pasos

  1. Lee el issue completo y luego la guía de contribución del proyecto.
  2. Comenta en el issue que vas a ocuparte — evita que dos personas hagan lo mismo.
  3. Haz un fork del repositorio y trabaja en una rama.
  4. Abre un pull request que haga referencia al número del issue.

Línea de trabajo

Empieza ejecutando el ejemplo HTML mínimo de Plotly.js adjunto al issue y compara el manejo de fuentes entre sus gráficos 2D y 3D. Traza la ruta de renderizado de los ejes 3D y las etiquetas de los ticks; se considera terminado cuando las fuentes cargadas remotamente se aplican a esas etiquetas igual que en los gráficos 2D.

Escrito por el modelo de indexación a partir del texto del issue.

Evaluación

Stack tecnológico
javascript
Área
data-visualization
Tipo de issue
Error
Dificultad
3/5
Tiempo estimado
1-2 días
Estado de actividad
Estancado
Claridad
Bastante claro
Aptitud para principiantes
45/100

Recibe los nuevos issues en tu correo

Un resumen breve de issues de GitHub para principiantes.