plotly / plotly/plotly.js

Automatically shift bottom legend down if the x-axis labels rotate / get longer

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

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

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

説明

When positioning the legend at the bottom of the chart, the placement works nicely if tick labels take up only one line. But if the labels take up more vertical space, they will draw over the legend.

It would be nice if the legend could be pushed down automatically to account for the extra space required.

Image

Corresponding codepen

As discussed before, let's revisit this in 6 - 8 weeks time when hopefully there will be more capacity for this complex issue.

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

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

はじめの一歩

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

調査の方向性

対応する CodePen から始めて、回転した x-axis ラベルまたは複数行の x-axis ラベルと下部の凡例が重なる状態を再現し、その後、plotly.js におけるチャートレイアウトと凡例の配置のエントリーポイントを追跡します。ラベルに追加の垂直方向のスペースが必要な場合に凡例が自動的に下へ移動し、重なりが発生しなければ完了です。

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

評価

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

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

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