plotly / plotly/plotly.js

`axis.showline` does not work with `trace.zorder`

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

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

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

説明

Codepen: https://codepen.io/emilykl-code/pen/ZYEEXvw?editors=1111

Axis lines are not drawn when one of the traces on the plot has a zorder property.

Figure definition:

Plotly.newPlot(
  "div1", 
  [
    {
      x: [11, 12, 13, 14, 15],
      y: [9, 10, 12, 16, 24],
      zorder: 2,
    },
    {
      x: [15, 14, 13, 12, 11],
      y: [9, 10, 12, 16, 24],
    }
  ], 
  {
    title: { text: "A Plotly Chart" },
    xaxis: { showline: true },
    yaxis: { showline: true },
  }
);

Expected (axes lines visible):
(note -- blue trace should be in front)

Image

Actual:
Image

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

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

はじめの一歩

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

調査の方向性

issue にある CodePen の再現と Plotly.newPlot の figure 定義から始め、axis showline オプションと trace zorder オプションを使用します。これらのオプションがどのようにレンダリングされるかを追いながら、期待される画像と実際の画像を比較します。両方の軸線が表示されたままで、zordered の青い trace が前面に残れば完了です。

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

評価

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

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

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