plotly / plotly/plotly.js

Get center node value of the rendered sunburst chart Plotly.js 2.2.0

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

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

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

説明

I am using plotly.js in my angular 10 app. Sunburst chart feature is working fine. I have a requirement where I need to take the center piece of the data rendered and use it to call a few webservices to populate other sections of the page.

Scenario 1 Works fine:
This works when I click from the initial root node and move towards the leaf (outer edges), because the outer edge value can be read using sun burst click event and eventually I know it is going to be the center piece.

Scenario 2 has problem
But when I try to click the center piece and move towards its parent (like reverse direction) , this center piece now becomes a leaf(becomes immediate outer edge) and its parent becomes the center piece, I wanted to know the center piece's value and use it to call other web services for my page. But I am unable to read the value of the center piece in this context.

I am curious to know how we can handle scenario 2. If there are properties/events to get hold of the center piece value after the chart is re-rendered, that will be great.

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

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

はじめの一歩

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

調査の方向性

Plotly.js 2.2.0を使用するAngular 10アプリで逆方向ナビゲーションのシナリオを再現し、その後、sunburstのクリックイベントと再レンダリングイベントのデータを調査します。親に向かってクリックした後に中央ノードの値を取得でき、それによってページの他のセクションを制御できれば完了です。

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

評価

技術スタック
angular, javascript
領域
data-visualization, frontend
issue の種類
バグ
難易度
4/5
見積もり時間
3〜5日
活発さ
停滞
明瞭さ
説明が足りない
初心者へのやさしさ
28/100

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

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