plotly / plotly/plotly.js

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

オープン
#7,413 コメント 3 件 リアクション 0 件 担当者 0 名 GitHub で見る

まだ誰も着手していません。

bug P2
主要言語
JavaScript
スター
18.3k
フォーク
2k
平均マージ
2日 12時間
マージ済み PR(30日)
28

説明

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

コントリビューションガイド

コントリビューションガイドを開く

はじめの一歩

  1. issue を最後まで読み、次にプロジェクトのコントリビューションガイドを読みます。
  2. 着手することを issue にコメントします — 二人が同じ作業をするのを防げます。
  3. リポジトリをフォークし、ブランチを切って変更します。
  4. issue 番号を参照したプルリクエストを送ります。

調査の方向性

まず、issue に添付された最小限の Plotly.js HTML 例を実行し、その 2D プロットと 3D プロットでフォントの扱いを比較します。3D 軸と目盛りラベルのレンダリングパスを追跡します。2D プロットと同様に、リモートから読み込まれたフォントがそれらのラベルに適用されれば完了です。

索引モデルが issue の本文から書いたものです。

評価

技術スタック
javascript
領域
data-visualization
issue の種類
バグ
難易度
3/5
見積もり時間
1〜2日
活発さ
停滞
明瞭さ
おおむね明確
初心者へのやさしさ
45/100

新しい issue をメールで受け取る

初心者向けの GitHub issue を短くまとめたダイジェスト。