plotly / plotly/react-plotly.js

Cannot change hover text by hovertemplate/hoverinfo/text/hovertemplate

オープン
#157 コメント 2 件 リアクション 0 件 担当者 0 名 GitHub で見る

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

主要言語
JavaScript
スター
1.1k
フォーク
138
平均マージ
3日 2時間
マージ済み PR(30日)
4

説明

I am trying to change the hover text. However, this is no effect no matter how I set the data prop: hovertemplate / hoverinfo / text / hovertemplate. None of them work.

Here is the code:

<Plot
                data={[
                  {
                    name: 'Target',
                    type: 'scatter3d',
                    mode: 'markers+text',
                    x: this.state.xValues,
                    y: this.state.yValues,
                    z: this.state.zValues,
                    marker: {color: "rgb(207, 190, 23)"},
                    hoverinfo: "all",
                    text: this.state.selectedStudentId,
                    hovertext: this.state.selectedStudentId,
                  },
                ]}
                layout={{
                  autosize: true,
                  scene: {
                    height: 640,
                    title: 'Nearest Neighbor',
                    xaxis: {
                      title: this.state.selectedXAxis,
                    },
                    yaxis: {
                      title: this.state.selectedYAxis,
                    },
                    zaxis: {
                      title: this.state.selectedZAxis,
                    },
                    aspectratio: {
                      x: 1,
                      y: 1,
                      z: 1
                    },
                    camera: {
                      center: {
                        x: 0,
                        y: 0,
                        z: 0
                      },
                      eye: {
                        x: -2,
                        y: -2,
                        z: 1.25
                      },
                      up: {
                        x: 0,
                        y: 0,
                        z: 1
                      },
                    }
                  },
                }}
/>

Screenshot 2019-09-03 at 00 49 29

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

このリポジトリのコントリビューションガイドは索引されていません

はじめの一歩

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

調査の方向性

示されている React の エントリーポイントから始め、列挙された hoverinfo、text、hovertext、hovertemplate props を使って scatter3d の例を再現します。得られたホバー動作を報告されたスクリーンショットと照合します。要求されたホバーテキストが適用されない理由を特定し、焦点を絞った再現で期待される動作を確認できれば完了です。

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

評価

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

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

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