plotly / plotly/react-plotly.js

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

Aperta
#157 2 commenti 0 reazioni 0 assegnatari Vedi su GitHub

Nessuno ha ancora preso questa issue.

Lingua principale
JavaScript
Stelle
1.1k
Fork
138
Merge medio
3g 2h
PR unite (30g)
4

Descrizione

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

Guida per i contributori

Nessuna guida per i contributori indicizzata per questo repository

Come iniziare

  1. Leggi tutta la issue e poi la guida ai contributi del progetto.
  2. Commenta sulla issue per dire che te ne occupi tu — evita che due persone facciano lo stesso lavoro.
  3. Fai un fork del repository e lavora su un branch.
  4. Apri una pull request che faccia riferimento al numero della issue.

Direzione di ricerca

Parti dal punto di ingresso React mostrato e riproduci l’esempio scatter3d con le props hoverinfo, text, hovertext e hovertemplate indicate. Verifica il comportamento di hover risultante rispetto allo screenshot segnalato; il lavoro è completato quando hai identificato perché il testo di hover richiesto non viene applicato e hai confermato il comportamento previsto con una riproduzione mirata.

Scritto dal modello di indicizzazione a partire dal testo della issue.

Valutazione

Stack tecnologico
javascript, react
Ambito
data-visualization, frontend
Tipo di issue
Bug
Difficoltà
3/5
Tempo stimato
1-2 giorni
Stato di attività
Ferma
Chiarezza
Abbastanza chiara
Idoneità per principianti
42/100

Ricevi le nuove issue nella tua casella

Un breve riepilogo di issue GitHub adatte ai principianti.